这段代码为什么无效

<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;为什么不好使？

解决方案 »

  1.   

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

  2.   


    function huantu(){
        imgsrc0 = imgsrc1;
    }你这什么意思?"01.jpg"="02.jpg",你是想让img[0].src=img[1].src?应该这样写function huantu(){
       document.getElementsByTagName("img")[0].src = imgsrc1;
    }
      

  3.   


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