我在学习JavaScript和html和CSS方面非常陌生,我正在尝试更改文档对象中所有段落的大小
这是我的代码,但是没有任何变化,我注意到documnet.getElementsByTagName('p')返回一个空对象
<html>
<head>
<script>
window.onload=function(){
var paragraphs = document.getElementsByTagName("p");
for(var i = 0; i < paragraphs.length; i++){
paragraphs[i].style.fontSize = '45px';
}
}
</script>
</head>
<body>
<p>helooop</p>
<p>helooop</p>
<p>helooop</p>
<p>helooop</p>
</body>
我不知道哪里出了问题。
有人可以帮忙吗
最佳答案
window.onload = function () {
var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
paragraphs[i].style.fontSize = '3em';
}
}
由于您正在增加fontsize onload(对我来说这没有意义),所以为什么不在CSS本身中尝试此操作:
* {
font - size: 3em!important;
color: #000 !important;
font-family: Arial !important;
}