使用JavaScript设置整个页面的字体大小
我有一个小的HTML页面:使用JavaScript设置整个页面的字体大小,javascript,Javascript,我有一个小的HTML页面: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <script> function myf () { var z = document.ge
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script>
function myf () {
var z = document.getElementById('no').value;
var x = document.getElementById('p');
l = parseInt(z);
if ((l > 40) || (l < 10)) {
alert('please enter a value between 10 to 40');
}
x.style.fontSize = l + "px";
}
</script>
<body>
<input type="button" onClick="myf();" value="resize"/>
<input type="text" id="no"/>
<p id="p" style="font-size:24px;">text here</p>
</body>
</html>
无标题文件
函数myf(){
var z=document.getElementById('no')。值;
var x=document.getElementById('p');
l=parseInt(z);
如果((l>40)| |(l<10)){
警报(“请输入10到40之间的值”);
}
x、 style.fontSize=l+“px”;
}
此处的文本
它用id
p
更改元素的字体大小,但我希望它更改页面上所有文本的字体大小;即使是那些没有包含在p
标签中的。更确切地说,我希望它像CSS中的*{}
那样做。一种方法是为整个
元素设置font-size
CSS属性,并删除该
元素的内联font-size
。大概是这样的:
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script>
function myf () {
var z = document.getElementById('no').value;
l = parseInt(z);
if ((l > 40) || (l < 10)) {
alert('please enter a value between 10 to 40');
}
document.body.style.fontSize = l + "px";
}
</script>
<body>
<input type="button" onClick="myf();" value="resize"/>
<input type="text" id="no"/>
<p id="p">text here</p>
<span>another text here</span>
</body>
</html>
无标题文件
函数myf(){
var z=document.getElementById('no')。值;
l=parseInt(z);
如果((l>40)| |(l<10)){
警报(“请输入10到40之间的值”);
}
document.body.style.fontSize=l+“px”;
}
此处的文本
这里是另一个文本
要将所有内容的字体大小更改为相同的内容吗?在大多数情况下,我不认为这是一个好主意。是的,我知道,但我需要在我的项目中做到这一点!我想更改页面上所有文本的字体大小您是否尝试将所有要更改的内容包装在div
中?如果我为“”指定一个id并对其进行更改,这是否是一个好主意?是否可能?请原谅我的语法错误mistakes@progarmer79,请在下面查看。