javascript - getelementbyid无法正常工作

对于http://jsfiddle.net/7HWxu/2/，我试图用四个按钮覆盖图像循环，以便单击一个按钮时图像会发生变化。但是，单击“ 1”后，图像将保持不变。任何帮助，不胜感激。谢谢，

汤姆

最佳答案

问题是此代码中：

<div class="fadein">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg"></div>
<div style="position:absolute;">
<!-- ImageReady Slices (1.jpg) -->
<table id="Table_01" width="251" height="61" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="/images/1_01.jpg" width="68" height="61" alt=""
    onclick="document.getElementById('fadein').src='/1.jpg'">
</td>
<td>
<img src="/images/1_02.jpg" width="61" height="61" alt="">
</td>
<td>
<img src="/images/1_03.jpg" width="61" height="61" alt="">
</td>
<td>
<img src="/images/1_04.jpg" width="61" height="61" alt="">
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>

您没有任何ID为“ fadein”的元素。 （并且具有“ fadein”类的div元素没有有意义的src属性。）

我注意到您在页面上有jQuery-建议您使用bind或delegate来管理链接，而不是使用内联事件处理程序：

// Your original code
$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
          $('.fadein :first-child').
                             fadeOut().
                             next('img').
                             fadeIn().
                             end().
                             appendTo('.fadein');
     }, 6500);

    // Addenda
    $("#Table_01").delegate("img", "click", function(e) {
            // Show and hide images here based on what e.target is.
     });

});

关于javascript - getelementbyid无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7688145/