JavaScriptで画像のパスを取得する方法

画像パスを取得する Javascript メソッド: 1. getAttribute() 関数を使用します。構文は「image object.getAttribute('src')」です。 2. Image オブジェクトの src 属性を使用します

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

HTML では、img タグの src 属性で画像を挿入しますが、src 属性には画像を表示するための URL パスを指定します。

JavaScript を使用して画像のパスを取得するということは、JavaScript を使用して img タグの src 属性の値を取得することになります。以下に 2 つのメソッドを紹介します。

メソッド 1: getAttribute() 関数を使用する

getAttribute() メソッドは、名前によって属性の値を取得します。

構文:Picture object.getAttribute('src')

例:

<img  src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg"  class="lazy"  id="img"  / alt="JavaScriptで画像のパスを取得する方法" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.getAttribute("src"));
</script>

出力結果:

#方法 2: Image オブジェクトの src 属性を使用する
##構文:

Image object.src

例:

<img  src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg"  class="lazy"  id="img"  / alt="JavaScriptで画像のパスを取得する方法" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.src);
</script>

出力結果:

[推奨学習:

JavaScript 上級チュートリアル

]

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