我是编程的新手,我一直在调整字体大小。但是,例如,如何使用+ 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";
}
}
最佳答案
不要使用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像素。JSFiddle