已解決430363個問題，去搜搜看，總會有你想問的

如何獲取HTML中的字體大小

首頁猿問如何獲取HTML中的字體大小

如何獲取HTML中的字體大小

JavaScript Html/CSS

qq_花開花謝_0 2019-11-14 10:01:21

我在這里閱讀一個問題，試圖獲取文本的字體大小。他們給出的答案是使用測量方法獲得像素大小。我想要做的就是獲取字體大小值，以便我可以更改它。例如：var x = document.getElementById("foo").style.fontSize;document.getElementById("foo").style.fontSize = x + 1;盡管這兩個都可以，但此示例不起作用document.getElementById("foo").style.fontSize = "larger";document.getElementById("foo").style.fontSize = "smaller";唯一的問題是它僅更改一次大小。

查看完整描述

3 回答

絕地無雙

TA貢獻1946條經驗獲得超4個贊

僅抓住style.fontSize元素的可能不起作用。如果font-size由樣式表定義，則將報告""（空字符串）。

您應該使用window.getComputedStyle。

var el = document.getElementById('foo');

var style = window.getComputedStyle(el, null).getPropertyValue('font-size');

var fontSize = parseFloat(style);

// now you have a proper float for the font size (yes, it can be a float, not just an integer)

el.style.fontSize = (fontSize + 1) + 'px';

反對回復 2019-11-14

慕碼人2483693

TA貢獻1860條經驗獲得超9個贊

如果您的元素沒有font-size屬性，則代碼將返回空字符串。您的元素不必具有font-size屬性是不必要的。元素可以從父元素繼承屬性。

在這種情況下，您需要找到計算出的字體大小。試試這個（不確定IE）

var computedFontSize = window.getComputedStyle(document.getElementById("foo")).fontSize;

console.log(computedFontSize);

變量calculatedFontSize將返回帶有單位的字體大小。單位可以是px，em，％。您需要剝離單元進行算術運算并分配新值。

反對回復 2019-11-14

哆啦的時光機

TA貢獻1779條經驗獲得超6個贊

您從fontSize獲得的值類似于“ 12px”或“ 1.5em”，因此在該字符串上加1將得到“ 12px1”或“ 1.5em1”。您可以使用字體大小并使用以下命令對其進行操作：

var fontSize = parseInt(x);

fontSize = fontSize + 1 + "px";

document.getElementById("foo").style.fontSize = fontSize;

反對回復 2019-11-14

3 回答
0 關注
1779 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何獲取HTML中的字體大小

如何獲取HTML中的字體大小

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何獲取HTML中的字體大小

如何獲取HTML中的字體大小

3 回答

相關問題推薦

添加回答