javascript - 使用javascript设置img标签的src属性

Question

我的 html 文档中有以下元素

<div id="u11" class="ax_default image" data-label="image1">
    <img id="u11_img" class="img " src="images/image1_u11.png">
</div>

<div id="u23" class="ax_default image" data-label="image2">
    <img id="u23_img" class="img " src="images/image2_u23.png">
</div>

我想为另一个元素编写一个 javascript onclick 函数，将 image2 src 设置为 image1 src

问题是 ids 是随机的，所以我不能使用它们，但幸运的是我可以使用 data-label 来获取外部 div 对象 $('[data-label=image1 ]')

如何在内部img中设置src？

Answer 1

您可以使用以下内容

var image1 = document.querySelector('[data-label="image1"] img'),
    image2 = document.querySelector('[data-label="image2"] img');

document.querySelector('#button').addEventListener('click', function(){
    image2.src = image1.src;
});