English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM setAttribute() メソッド

HTML DOM Element オブジェクト

setAttribute()指定された要素の属性値を設定するメソッド

属性が既に存在する場合、値を更新します;そうでない場合、指定された名前と値を使用して新しい属性を追加します。

使用removeAttribute()要素から属性を削除するメソッド

语法:

element.setAttribute(name, value)
var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");
テストを見て‹/›

ブラウザの互換性

すべてのブラウザがsetAttribute()メソッドを完全にサポートしています:

メソッド
setAttribute()

パラメータ値

パラメータ説明
name属性値を設定するために指定する文字列
value属性に割り当てる値を含む文字列

技術的詳細

返り値:未定義
例外:InvalidCharacterError
DOMバージョン:DOM 2レベル

さらに多くの例

入力ボタンを入力フィールドに変更します:

document.getElementsByTagName("input")[0].setAttribute("type", "text");
テストを見て‹/›

href属性の値をアンカー要素に設定します:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:"//ja.oldtoolbag.com/CSS3/");
テストを見て‹/›

関連参考

HTML 教程:HTML属性

HTML DOM 参考:element .hasAttribute()メソッド

HTML DOM 参考:element .getAttribute()メソッド

HTML DOM 参考:element .removeAttribute()メソッド

HTML DOM Element オブジェクト