我的身体里有3个<a>具有相同 ID 和不同颜色（红、绿、蓝）来识别它们。
<a id="hello" style="color: Red;">[Blank]</a>
<a id="hello" style="color: Green;">[Blank]</a>
<a id="hello" style="color: Blue;">[Blank]</a>
在我的脚本中我有这个：
document.getElementById("hello").innerHTML = "Hello world!";
结果只有第一个<a>（颜色为红色）将显示为“Hello world!”Fiddle.
我将我的脚本更改为：
for(var i = 0; i < 3; i++) {
document.getElementById("hello").innerHTML = "Hello world!";
}
结果还是一样，只有第一个<a>（颜色为红色）显示为“Hello world!”。
假设我想要全部 3 个<a>s 显示为“Hello world!”。我怎么做？
这就是类的用途，ID 是唯一的。
更换每个getElementById在你的代码中getElementsByClassName现在就可以走了。
HTML
<a class="hello" style="color: Red;">[Blank]</a>
<a class="hello" style="color: Green;">[Blank]</a>
<a class="hello" style="color: Blue;">[Blank]</a>
JS
var elems = document.getElementsByClassName("hello");
for(var i = 0; i < elems.length; i++) {
elems[i].innerHTML = "Hello world!";
}
在这里查看：http://jsfiddle.net/5uy7B/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
