Javascript getelementbyid不工作

因为我试图用四个按钮覆盖图像循环，这样当单击一个按钮时，图像就会改变。但是，单击“1”时，图像不会更改。非常感谢您的帮助。谢谢

---

Tom

在HTML中没有“id”值为“fadein”的元素，因此该函数按其应该的方式返回

null

。包含

的外部具有类“fadein”，但不具有“id”。您可以更改

我想：

<div class='fadein' id='fadein'>

---

HTML中没有“id”值为“fadein”的元素，因此该函数按其应有的方式返回

null

。包含

的外部具有类“fadein”，但不具有“id”。您可以更改

我想：

<div class='fadein' id='fadein'>

---

问题在于，在该代码中：

<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>

---

问题在于，在本规范中：

<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>

---

?? 在该代码中没有对“getElementById（）”的调用，是吗？很好地发现了！。给出了错误的JSIDLE链接。抱歉，问题现在已更新为正确链接。谢谢，实际上除了使用jquery的表1+之外，没有其他id。为什么要使用

document.getElementById

？尝试看看是否可能。是否有一个简单的解决方案来覆盖jquery而不是使用另一个jquery库？Kelly（或Tom？）：当提出问题时，请记住直接在问题中包含相关代码，然后根据需要提供指向其他资源的补充链接。这可以确保当链接可能不再有效时，您的问题对将来的读者有用。谢谢在该代码中没有对“getElementById（）”的调用，是吗？很好地发现了！。给出了错误的JSIDLE链接。抱歉，问题现在已更新为正确链接。谢谢，实际上除了使用jquery的表1+之外，没有其他id。为什么要使用

document.getElementById

？尝试看看是否可能。是否有一个简单的解决方案来覆盖jquery而不是使用另一个jquery库？Kelly（或Tom？）：当提出问题时，请记住直接在问题中包含相关代码，然后根据需要提供指向其他资源的补充链接。这可以确保当链接可能不再有效时，您的问题对将来的读者有用。谢谢，谢谢。“1”按钮仍然无法覆盖，但不确定其工作原理。。谢谢更新。“1”按钮仍然无法覆盖，但不确定其工作原理。。很抱歉，Sean很痛苦，但是在最后一部分中，我如何使用e.target方法实现show/hide？非常感谢。@Kelly-请查看文档，jQuery的事件对象

target

是启动事件的元素（在本例中是单击）。我们所需要做的就是根据点击的数字来确定应该显示的图像。我们可以在大图像和数字中添加一个类（即

1_01.jpg

和

1.jpg

有一类

slider1

，

1_02.jpg

和

2.jpg

有一类

slider2

等），并使用

$（“.fadein-img.+$（e.target.attr”（“class”）.fadein（））.fadein（）

（使用一个可怕的例子）@Kelly-确保将您的类放在图像本身上-

很抱歉，Sean很痛苦，但是我如何实现上一部分中使用e.target方法显示/隐藏？非常感谢。@Kelly-请查看文档，jQuery的事件对象

target

是启动事件的元素（在本例中是单击）。我们所需要做的就是根据点击的数字来确定应该显示的图像。我们可以在大图像和数字中添加一个类（即

1_01.jpg

和

1.jpg

有一类

slider1

，

1_02.jpg

和

2.jpg

有一类

slider2

等），并使用

$（“.fadein-img.+$（e.target.attr”（“class”）.fadein（））.fadein（）

（使用一个可怕的例子）@Kelly-确保将你的课程放在图片上-