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

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

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

¿如何在内部img中设置src?

加布里埃莱·彼得里奥利(Gabriele Petrioli)

您可以使用以下内容

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用 jquery/javascript 在图像标签 <img src=""> 的 src 属性中传递字符串?

如何使用javascript获取锚标签内的img标签的src?

使用JavaScript设置<img> alt标签

无法使用 BeautifulSoup 从“img”标签中提取 src 属性

动态设置img的src属性

在HTML中使用img标签src属性显示图像与在CSS中设置样式之间有什么区别?

在React中,如何使用多个状态属性设置img src?

尝试在Colfusion中使用JavaScript将src属性添加到img标签时,为什么会出现错误?

是否可以在CSS中设置img标签的src属性的等效项?

如何在img src属性中使用JavaScript变量?

无法在 Javascript 中更改 img 的 src(无法将属性“src”设置为 null)

在悬停时更改多个 img 标签的 img src 属性

是否可以使用 Javascript 遍历 img 标签的 id 属性?

Unicode 可以在 <img> 标签的 'src' 属性而不是路径中使用吗

使用 Puppeteer 检索网页上所有 HTML IMG 标签的 SRC 属性

使用beautifulsoup从img标签获取src

异步 Javascript 承诺设置 img 的 src

Javascript不更改<img> src属性?

使用HTML Agility Pack设置img src

django使用默认静态设置img src

AngularJS绑定在<img>标签的'src'属性中

为什么img标签src属性的路径失败?

如何使用JQuery和JavaScript对象的src和id创建新的img标签?

通过src值查找img标签,并在img标签中添加新属性

错误:无法在 Img 字段中将属性“src”设置为 null

如何使用 Javascript 而不是使用 <img> 标签来使用背景属性?

使用CSS属性替换Image标签的src

从JavaScript对象向img标签加上src吗?

使用javascript单击更改img src