HTML DOM Document createAttribute() メソッド

定義と使用法

code>createAttribute() メソッドは属性を作成し、それを Attr オブジェクトとして返します。代替案：

使用方法 setAttribute() メソッド 簡単です。

参照してください：

Element setAttribute() メソッド

Attribute value メソッド

Element setAttributeNode() メソッド

例

例1

// class属性の作成：
const att = document.createAttribute("class");
// class属性の値を設定：
att.value = "democlass";
// 第1のh1にclass属性を追加：
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

自分で試してみてください

例2

// style属性の作成：
const att = document.createAttribute("style");
// style属性の値を設定：
att.value = "color:red";
// 第1のh1にstyle属性を追加：
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

自分で試してみてください

例3

href="www.codew3c.com"属性をanchor要素に追加：

// href属性の作成：
const att = document.createAttribute("href");
// href属性の値を設定：
att.value = "https://www.codew3c.com";
// href属性を要素に追加：
element.setAttributeNode(att);

自分で試してみてください

文法

document.createAttribute(name)

パラメータ

パラメータ 説明
name 必須。作成する属性の名前。

返り値

タイプ 説明
ノード 新しく作成された属性ノード。nodeName属性が name。

投げ出します。

nameに発音しない文字が含まれている場合、このメソッドはコード INVALID_CHARACTER_ERR のDOMException例外。

ブラウザのサポート

document.createAttribute() DOMレベル1（1998）の機能です。

すべてのブラウザでサポートされています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート