使用javascript设置img标记的src属性

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

问题是ID是随机的，所以我不能使用它们，但幸运的是，我可以使用

数据标签

来获取带有

$（'[data label=image1]'）的外部div对象

？如何在内部img中设置src？
您可以在包含src的情况下更改整个代码


函数myFunction（）{
document.getElementById（“u11”）.innerHTML=''；
}
}
您可以使用以下命令

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;
});

下面是使用每个函数的示例：



$（“#更改”）。单击（函数（）{
//获取主体中的所有图像元素
var selects=$（'body'）。find（'img'）；
//把他们扔出去
选择。每个（函数（索引，el）{
如果（索引！==selects.length-1）{
//将img src保存到局部变量
var img1=选择[index].getAttribute（'src'）；
var img2=选择[index+1].getAttribute（'src'）；
//更改imgs src
选择[index].src=img2；
选择[index+1].src=img1；
//祝你有愉快的一天^ ^
}
});
});
img{
最大宽度：95px；
}

更改图像
我无法使用id，因为它们是随机的。我的标识符是数据标签