怎么在javascript中设置src属性?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
JavaScript有什么特点
1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。
javascript设置src属性
在javascript中,可以使用setAttribute()方法来设置元素src属性,代码示例如下:
<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>
效果图:
说明:setAttribute()方法
setAttribute() 方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。
语法
element.setAttribute(attributename,attributevalue)
参数 | 类型 | 描述 |
---|---|---|
attributename | String | 必需。您希望添加的属性的名称。 |
attributevalue | String | 必需。您希望添加的属性值。 |
看完上述内容,你们掌握怎么在javascript中设置src属性的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!