javascript怎么设置src属性

PHP中文网 JavaScript

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript设置src属性的方法：首先使用“document.getElementById("id值")”语句获取元素对象；然后使用“元素对象.setAttribute("src","URL地址")”语句来添加或修改元素属性。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript设置src属性

在javascript中，可以使用setAttribute()方法来设置元素src属性，代码示例如下：

1

2

3

4

5

6

7

8

9

10

11

<img id="img" src="img/1.jpg" />

 

<p id="demo">点击按钮来设置img图片的 src属性。</p>

 

<button onclick="myFunction()">试一下</button>

 

<script>

    function myFunction() {

        document.getElementById("img").setAttribute("src", "img/3.jpg");

    }

</script>

效果图：

1.gif

说明：setAttribute()方法

setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。

语法

1

element.setAttribute(attributename,attributevalue)

参数类型描述
attributenameString必需。您希望添加的属性的名称。
attributevalueString必需。您希望添加的属性值。

【推荐学习：javascript高级教程】

以上就是javascript怎么设置src属性的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

jquery实现带弹窗和次数的转盘抽奖（代码）

javascript字符串如何转json

javascript dom方法有哪些

javascript普通函数和箭头函数有什么区别？

javascript如何进行ascii码转换

d3js是什么

js代码实现瀑布流插件

javascript如何刷新页面

javascript求字符串长度的方法是什么

手把手带你了解javascript中变量和词法环境

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...