Javascript 将一个div的innerHTML放入另一个div

我通常不会使用javascript，但我创建了一个小javascript函数，允许我单击手风琴的标题，然后在旁边的框中显示该标题的匹配文本

function getTestimonial(x) {
    var e = document.getElementById('slide'+x);
    var b = document.getElementById('testimonials-slider');
    var c = e.innerHTML;
    b.innerHTML=c;    
}

HTML:

测试1

测试2

测试1

它在第一次单击时工作正常，但之后每次单击标题时，都会出现以下错误：“TypeError:e为null”。这表明，从第二次单击开始，getElementById就不起作用，即使我选择了第一次起作用的相同标题

有人能告诉我我做错了什么吗

---

谢谢

您有两个

div id=“slide1”

。第二个应该是

“slide2”

否？

确保id在HTML中是唯一的。我认为应该是幻灯片1、幻灯片2等等。

---

另外，id为“鉴定滑块”的元素在哪里？也许这会解决你的问题

这真是太傻了。我已经将幻灯片div放在了正在更改的推荐幻灯片中，所以一旦我替换了innerHTML，它就会重写我的幻灯片div。我已经把这些移到了分区外，现在一切正常。如果有人想使用上面的例子，也可以使用。

这个问题是离题的，因为它可以通过更改一个字母来解决。说真的，你已经编辑了多少次你的问题了？到目前为止，答案和评论毫无意义！请知道你想问什么，这样我们的帮助才能真正帮助你。直到有人指出，我才意识到我错了。对不起，你说得对，但问题并不是因为这个。我只是想在这里简化一下，然后打了个错字。我现在已经编辑过了

<div id="slide1" class="slide">
    <p>Test 1</p> 
</div>
<div id="slide2" class="slide">
    <p>Test 2</p> 
</div>

<div id="testimonials-slider"><p>Test 1</p></div>


<div class="accordion-heading">
    <a onclick="getTestimonial(1);" href="#collapseOne">
    Header 1
    </a>
</div>
<div class="accordion-heading">
    <a onclick="getTestimonial(2);" href="#collapseTwo">
    Header 2
    </a>
</div>