JS DOMリファレンスマニュアル

HTML DOM Document オブジェクト

createAttribute()HTML DOM createAttribute() メソッドメソッドで新しい属性ノードを作成し、それをAttr

オブジェクトを返します。

.value属性で属性の値を設定します。DOMは、createAttribute()のこの方法で特定の要素にどの種類の属性を追加するかを強制しません。attribute

.value属性で属性の値を設定します。element 使用setAttributeNode()メソッド

または、以下のメソッドを使用して新しい属性を要素に追加できます。element .setAttribute()メソッドがcreateAttribute()メソッドを代わりに使用します。

文法：

document.createAttribute(name)

var node = document.getElementById("result");
var a = document.createAttribute("href");
a.value　=　"https:"//ja.oldtoolbag.com/";
node.setAttributeNode(a);

ブラウザの互換性

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

パラメータの値

技術的詳細

さらに例

src属性を「clouds.png」として作成し、<img>要素に挿入する：

var　node　=　document.querySelector("img");
var　a　=　document.createAttribute("src");
a.value　=　"/run/images/clouds.png";
node.setAttributeNode(a);

HTML DOM Document オブジェクト