javaScript|生のJavaScriptで属性を操作する
スポンサーリンク
jQueryとかを使わない、Javascriptでの属性操作方法をメモ
属性の存在チェック
hasAttribute()で属性が存在しているか確認することができます。
hasAttributeの戻り値は、boolean値 です。
element.hasAttribute('id');
属性値を取得
getAttribute()で属性を指定して値を取得できます。
属性自体がない場合は、nullを返します。
element.getAttribute('id');
属性を設定
setAttribute()で属性に値を設定できます。
既に属性に値があれば上書きされます。
element.setAttribute('href', 'https://www.yahoo.co.jp');
属性を削除
removeAttribute()で属性の設定を削除できます。
element.removeAttribute('id');
更新日:2018年08月26日
作成日:2018年07月21日