下面是我的页面的 javascript:
window.onmouseover = function(){
var body = document.getElementsByTagName("body")
var h1 = document.getElementsByTagName("h1");
var a = document.getElementsByTagName("a");
var p = document.getElementsByTagName("p")
for(var j = 0; j < p.length; j++) {
body[j].style.fontFamily = "helvetica";
body[j].style.backgroundColor = "rgb(250, 250, 240)"
p[j].style.fontFamily = "courier";
a[j].onclick = function() {
this.style.backgroundColor = "Black"
}
}
}
我有一个 h1 元素、一个 a 元素和 10 个 p 元素。出于某种原因,此代码仅更改了第一个 p 元素的字体,尽管其他一切正常?为什么会这样,我该如何解决?