日期:2014-05-16  浏览次数:20384 次

这段代码为什么无效
<body>
<div id="tupian01">
<img src="01.jpg" width="180px" height="260px" />
<img src="02.jpg" width="180px" height="260px" />
<img src="03.jpg" width="180px" height="260px" />
<img src="04.jpg" width="180px" height="260px" />
<img src="05.jpg" width="180px" height="260px" />
</div>
<script type="text/javascript">
var imgsrc0 = document.getElementsByTagName("img")[0].src;
var imgsrc1 = document.getElementsByTagName("img")[1].src;
function huantu(){
imgsrc0 = imgsrc1;
}
</script>
<div id="anjian01">
<input type="button" id="an01" value="01" />
<input type="button" id="an02" value="02" onclick="huantu()" />
</div>
</body>
imgsrc0 = imgsrc1;为什么不好使?

------解决方案--------------------
function huantu(){
    document.getElementsByTagName("img")[0].src = document.getElementsByTagName("img")[1].src;
}
你的函数只是把一个变量赋值,没有操作DOM元素的属性
------解决方案--------------------

function huantu(){
    imgsrc0 = imgsrc1;
}

你这什么意思?"01.jpg"="02.jpg",你是想让img[0].src=img[1].src?应该这样写

function huantu(){
   document.getElementsByTagName("img")[0].src = imgsrc1;
}