ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでsrcパスを変更する方法

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

青灯夜游
青灯夜游オリジナル
2022-01-18 16:24:365471ブラウズ

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パスを変更する方法

[関連する推奨事項:

JavaScript 学習チュートリアル]

以上がJavaScriptでsrcパスを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。