element.setAttribute( attributeName )は、「element」に指定した要素の、引数「attributeName」に指定した属性名の属性値を引数「attributeValue」に指定した値に設定するメソッド。既に属性値が存在する場合、属性値を変更する。
構文
$elementNodeReference.setAttribute( attributeName, attributeValue );
引数
- attributeName
- 属性名を指定。
- attributeValue
- 属性値を指定。
サンプル
■■■サンプル■■■
サンプルの動作について
「スタイル属性値を設定」ボタンをクリックすると、ボタンの右横の「■■■サンプル■■■」の文字色が赤色になる。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sample() {
var $sample = document.getElementById( "sample" );
$sample.setAttribute( "style", "color: red;" );
}
</script>
function sample() {
var $sample = document.getElementById( "sample" );
$sample.setAttribute( "style", "color: red;" );
}
</script>
HTML
<p id="sample" style="color: blue;">
<button onclick="sample();">スタイル属性値を設定</button>
■■■サンプル■■■
</p>
<button onclick="sample();">スタイル属性値を設定</button>
■■■サンプル■■■
</p>