例

値で、クラス属性を作成します"democlass" 、およびそれを挿入し<h1>要素：

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

属性を作成する前に：

Hello World

属性を挿入した後：

Hello World

»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

createAttribute()メソッドは、指定された名前の属性を作成し、Attrオブジェクトなどの属性を返します。

ヒント：使用.VALUE 属性を属性の値を設定するプロパティ。

ヒント：使用する要素を。 setAttributeNode()メソッドは、要素に、新しく作成された属性を追加します。

ヒント：多くの場合、あなたが使用したいと思うでしょう要素を 。 setAttribute()メソッドの代わりにcreateAttribute()メソッド。

ブラウザのサポート

方法
createAttribute()	はい	はい	はい	はい	はい

構文

document.createAttribute( パラメータ値

パラメーター	タイプ	説明
attributename	Attr object	必須。あなたが作成する属性の名前

技術的な詳細

戻り値：	表すNodeオブジェクト、 created属性を
DOMバージョン	コアレベル1のドキュメントオブジェクト

その他の例

例

値は、href属性の作成"www.w3ii.com" 、およびそれを挿入し<a>要素：

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

属性を作成する前に：

属性を挿入した後：