JavaScript怎么改变src路径
程序员文章站
2023-12-21 16:50:34
...
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路径的详细内容,更多请关注其它相关文章!
推荐阅读
-
JavaScript怎么改变src路径
-
javascript动态改变img的src属性图片不显示的解决方法
-
AI怎么改变路径? ai路径功能的使用方法
-
IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同_javascript技巧
-
javascript - 部署到线上的项目,写在js文件中需要动态加载的图片路径怎么去查找?
-
js改变Iframe中Src的方法_javascript技巧
-
javascript - php 有什么函数是可以根据文件名称,来获取这个文件的全路径的吗?或者js 怎么获取文件的全路径?
-
js改变Iframe中Src的方法_javascript技巧
-
javascript动态改变img的src属性图片不显示的解决方法
-
javascript - 部署到线上的项目,写在js文件中需要动态加载的图片路径怎么去查找?