JavaScriptで要素の属性を変更する方法

JavaScript で要素の属性を変更する方法: 1. 「element object.attribute = new value」ステートメントを使用します。 2. 「element object.setAttribute('attribute','attribute value')」ステートメントを使用します。 。

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

要素の属性を変更するための JavaScript

1.「element object.attribute = new value」を使用します。 " ステートメント

例: a1f02c36ba31691bcfe87b2722de723b 要素の src 属性の値を変更しました:

<img id="myImage" src="smiley.gif">

<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>

方法 2: setAttribute() 関数を使用します

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

構文: Element object.setAttribute('属性','属性値');

<div>hello</div> 
<div id="box">欢迎来到PHP中文网！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.setAttribute(&#39;style&#39;,&#39;color:red;border:1px solid #008000&#39;);
	// 给box元素设置的是行内样式
</script>

[推奨学習: JavaScript 上級チュートリアル ]

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