確定各種標籤的默認瀏覽器樣式

Question

我想確定各種標籤名稱的默認樣式。例如，我想知道什麼是h2的默認字體大小。

有沒有辦法在JavaScript中做到這一點？

上下文：我正在嘗試構建一個活的CSS編輯器，讓用戶可以在頁面上使用各種元素的樣式。對於初始配置，我想讀取各種元素的外觀。編輯：以h2爲例，如果頁面上有h2元素，jQuery（「h2」）.css（「foint-size」）的工作效果很不錯。但是，當頁面上沒有h2時，此解決方案會中斷。在這種情況下，想知道什麼樣式會應用到h2上它已經在頁面

謝謝！

Answer 1

您正在尋找getComputedStyle/currentStyle，它會得到一個CSS屬性的實際值，但它已被設置。

使用jQuery，你可以簡單地調用$('<h2>hi!</h2>').css('font-size')，它調用這些方法。