js实时切换<img src="" />标签中的src的值

汪得福

于 2017-01-09 13:38:04 发布

阅读量2.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术手记文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/arbben/article/details/54288137

技术手记专栏收录该内容

17 篇文章

订阅专栏

本文介绍了使用原生JavaScript及JQuery设置HTML中图片源的方法，并展示了如何通过这两种方式更新<img>标签的src属性。此外，还提供了获取该属性值的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html部分：

<div><img src="" id="turn_img"></div>

原生js :

<script>
    1.document.getElementById('turn_img').src = 'images/1.jpg';
    2.document.getElementById('turn_img').setAttribute('src','images/1.jpg');
</script>

JQuery：

<script>
    $('#turn_img').attr('src','images/1.jpg');
</script>

扩展：

获取标签属性：

    原生js：document.getElementById('turn_img').getAttribute（'src');

    JQuery：$('#turn_img').attr('src');