您好,欢迎访问一九零五行业门户网

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路径的详细内容。
其它类似信息

推荐信息