我是编程的新手,我正在搞乱调整字体大小。但是如何用+ 2px和-2px调整大小呢?我现在只能达到12px,但我不知道如何继续添加2个像素。提前谢谢!
function smaller() {
var alineas = document.getElementsByTagName('p');
for (bla in alineas) {
alineas[bla].style.fontSize = '5px';
}
}
function bigger() {
var alineas = document.getElementsByTagName('p');
for (alinea in alineas) {
alineas[alinea].style.fontSize = "10px";
}
}
答案 0 :(得分:3)
for..in
循环遍历节点列表。改为使用for
循环。window.getComputedStyle()
。以下内容如何:
function fontSize(num) {
var alineas = document.getElementsByTagName('p');
for (i=0; i<alineas.length; i++) {
var el = alineas[i]
var oSize = window.getComputedStyle(el, null).getPropertyValue('font-size');
var nSize = Number(oSize.replace("px",""))+num;
el.style.fontSize = nSize+"px"
}
}
将其称为fontSize(5)
或fontSize(-5)
,分别为5像素或5像素。
答案 1 :(得分:1)
使用parseInt
获取当前尺寸,然后根据需要增加它。
var sizeChange = 2; // To increase font size by 2px
var size = parseInt(alineas[alinea].style.fontSize); // "12px" -> 12
size += sizeChange; // 14