JavaScriptでsrcパスを変更する方法-jsチュートリアル-php.cn

JavaScriptでsrcパスを変更する方法

青灯夜游

リリース： 2022-01-18 16:24:36

オリジナル

5447 人が閲覧しました

JavaScript で src パスを変更する方法: 1. 要素オブジェクトの src 属性、構文「element object.src="新しいパスアドレス";"; を使用します。 2. setAttribute() メソッドを使用します。、構文「要素オブジェクト.setAttribute("src","新しいパスアドレス");」。

JavaScriptでsrcパスを変更する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.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"    style="max-width:90%"/ alt="JavaScriptでsrcパスを変更する方法" ><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"    style="max-width:90%"/ alt="JavaScriptでsrcパスを変更する方法" ><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パスを変更する方法