我正在学习Javascript,我似乎无法弄清楚为什么以下代码不起作用.它将改变第一段的背景,但不会改变第二段的背景.当我检查控制台时,看起来访问变量只返回一个项目到数组.有什么建议?谢谢.
HTML
<p class="blue">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<p class = "blue">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
Run Code Online (Sandbox Code Playgroud)
CSS:
.blue{
background: blue;
}
.orange{
background:orange;
}
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
var access = document.getElementsByClassName("blue");
for(var i = 0; i<access.length; i++){
access[i].className = "orange";
}
Run Code Online (Sandbox Code Playgroud)