JavaScriptでsrc属性を設定する方法

JavaScript で src 属性を設定する方法: 最初に「document.getElementById("id value")」ステートメントを使用して要素オブジェクトを取得し、次に「element object.setAttribute("src",」) を使用します。 URL アドレス")" ステートメントを使用して、要素のプロパティを追加または変更します。

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

javascript は src 属性を設定します

JavaScript では、setAttribute() メソッドを使用して要素の src 属性を設定できます。コード例は次のとおりです:

<img  id="img" src="img/1.jpg" / alt="JavaScriptでsrc属性を設定する方法" >

<p id="demo">点击按钮来设置img图片的 src属性。</p>

<button onclick="myFunction()">试一下</button>

<script>
	function myFunction() {
		document.getElementById("img").setAttribute("src", "img/3.jpg");
	}
</script>

効果図:

説明: setAttribute() メソッド

setAttribute() メソッドは追加します指定された属性を割り当てて、それに割り当てます。 指定された値を割り当てます。この指定されたプロパティがすでに存在する場合、値は設定/変更されるだけです。

構文

element.setAttribute(attributename,attributevalue)

文字列必須。追加する属性値。

パラメータ	タイプ	説明
属性名	文字列	必須。追加する属性の名前。
#属性値

[推奨学習:

JavaScript 上級チュートリアル]

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