用js实现动态改变子元素img路径
<ulid="ul_box4"><liclass="selected"onclick="add_c4(this)"><divonclick="this.img.src='...
<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> 展开
<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> 展开
1个回答
展开全部
你可以把那个<img id="1">
然后 document.getEelmentById(1).src="你要的路径"
然后 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 = "你改变之后的地址";
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询