Question

用js实现动态改变子元素img路径

<ul id="ul_box4">
<li class="selected" onclick="add_c4(this)">
<div onclick="this.img.src='images/ico1.png'"><img src="images/ico1h.png" /><a href="javascript:void(0)">日常管理</a></div></li>
<li onclick="add_c4(this)"><img src="images/ico2.png" /><a href="javascript:void(0)">学生组织</a></li>
<li onclick="add_c4(this)"><img src="images/ico3.png" /><a href="javascript:void(0)">活动管理</a></li>
<li onclick="add_c4(this)"><img src="images/ico4.png" /><a href="javascript:void(0)">评优管理</a></li>
<li onclick="add_c4(this)"><img src="images/ico5.png" /><a href="javascript:void(0)">班级管理</a></li>

</ul>

代码如上，目前已经有一个动态添加selectd的js代码，要求如何才能动态改变img的图片路径，像Li一样，点击就变成另一张图片，其他图片保持图片。要动态的
function add_c4(obj) {
var ulBox = document.getElementById("ul_box4");
var oImg = document.getElementById("ul_box4").getElementsByTagName("img");
var list = ulBox.getElementsByTagName("li");
for(var i=0; i<list.length; i++)
{
list[i].className="";
}
obj.className="selected";
}
</script>

Answer 1

你可以把那个<img id="1">
然后 document.getEelmentById(1).src="你要的路径"

追问

要像Li动态改变selectd那样，动态改变图片地址。比如，我点第2个Li时，第2个li下的img地址发生改变，其他图片地址不变。点击第3个时，第3个变，其他不变。是这样的一个动态效果

追答

写个方法 传个参数 就OK了 传 1 2 3 传1 的时候 就这个样document.getElementById（第一个img标签的ID）.src = "你改变之后的地址"; 然后第二个就传2 就改变第2个图片的src

if（index == 1 ）
{
document.getElementById（第一个img标签的ID）.src = "你改变之后的地址";
}else if(index == 2){
document.getElementById（第二个img标签的ID）.src = "你改变之后的地址";
}else){
document.getElementById（第三个img标签的ID）.src = "你改变之后的地址";
}