如何为具有多个项目的类设置属性值
虽然这可能很安静，但在网络开发中我只有几个月的时间，而且我死在这里。 我有一个页面，多个图像项目设置为一个类。 通过这个，我的意思是下面的代码
<img src="http://img1.gif" id="GA2" class="CHAngeR" />
<img src="http://img1.gif" id="GA2" class="CHAngeR" />
我想执行一个函数来编辑/追加图像的“src”属性。
我尝试使用相同的ID，但我发现W3C的猜测是相反的，我也尝试了下面的代码，但仍然无法正常工作，我该怎么做。
<!DOCTYPE html>
<html>
<head>
<title>DOWNLOAD PAGE</title>
<input type="button" value="change image" id="iMgChAnGe" onclick="changeIMG()"/>
<div class="changer">
<img src="http://img1.gif" id="GA1" class="CHAngeR" />
<img src="http://img2.gif" id="GA2" class="CHAngeR" />
<img src="http://img3.gif" id="GA3" class="CHAngeR" />
<img src="http://img4.gif" id="GA4" class="CHAngeR" />
<img src="http://imgl.gif" id="GA5" class="CHAngeR" />
</div>
<script>
function ChangeIMG(){
document.getElementByClassName(CHAngeR).setAttribute("src","http://google.com/img/images/static.gif");
}
</script>
</head>
</html>
手动循环显示图像...
var imgs = document.getElementsByClassName("...");
for (var i = 0; i < imgs.length; i++)
imgs[i].src = ...;
或者使用jQuery：
$(".class").attr("src", ...);
我不认为所有浏览器（IE）都支持getElementsByClassName。 话虽如此，我推荐使用JQuery解决方案。
如果您可以使用JQuery，请转至此处。
如果由于某种原因而不想使用JQuery，请转至此处。
链接地址: http://www.djcxy.com/p/83517.html上一篇: How to set Attribute value for a class with multiple items