element.setAttribute( attributeName )メソッド

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>

HTML

<p id="sample" style="color: blue;">
    <button onclick="sample();">スタイル属性値を設定</button>
     ■■■サンプル■■■
</p>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, メソッド, リファレンス, 属性, 逆引き パーマリンク