站长资讯网
最全最丰富的资讯网站

JavaScript怎么改变src路径

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

JavaScript怎么改变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>

JavaScript怎么改变src路径

方法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怎么改变src路径

赞(0)
分享到: 更多 (0)