JavaScript怎么改变src路径-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

JavaScript怎么改变src路径

JavaScript改变src路径的方法：1、利用元素对象的src属性，语法“元素对象.src="新路径地址";”；2、利用setAttribute()方法，语法“元素对象.setAttribute("src","新路径地址");”。

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

JavaScript改变src路径

方法1：利用元素对象的src属性

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><img id="img" src="img/1.jpg" width="300"/><br><button onclick="myFunction()">更改src的路径（换图）</button><script>function myFunction() {var img=document.getElementById("img");img.src="img/2.jpg";}</script></body></html>

登录后复制

方法2：利用setAttribute()方法

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><img id="img" src="img/1.jpg" width="300"/><br><button onclick="myFunction()">更改src的路径（换图）</button><script>function myFunction() {var img=document.getElementById("img");img.setAttribute("src","img/3.jpg");}</script></body></html>

登录后复制

【相关推荐：javascript学习教程】

以上就是JavaScript怎么改变src路径的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~