JavaScriptで要素の属性を設定する方法

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

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

JavaScript で要素の属性を設定する方法

JavaScript では、setAttribute() メソッドを使用して要素の属性を設定できます

構文:

setAttribute("属性名称","属性值")

例:

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

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

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

<script>
	function myFunction() {
		document.getElementById("img").setAttribute("width", "200");
	}
</script>

レンダリング:

#拡張情報:

removeAttribute() が使用されますタグ属性を削除するには、構文:

removeAttribute("属性名")

getAttribute() でタグの指定された属性の値を取得できます。構文:

getAttribute("属性名")

[推奨学習:

javascript 上級チュートリアル]

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