HTML DOM Element removeAttributeNode() メソッド

定義と使用方法

removeAttributeNode() メソッドから要素から属性を削除し、返します。 Attribute オブジェクト

removeAttribute() と removeAttributeNode() の違い

removeAttribute() メソッド削除属性であり、値は返しません。

removeAttributeNode() メソッド削除 Attr オブジェクト、および削除されたオブジェクトを返します。

結果は同じです。

代替案:

使用 removeAttribute() メソッド より簡単です。

も参照してください:

参照マニュアル:

getAttributeNode() メソッド

setAttributeNode() メソッド

createAttribute() メソッド

getAttribute() メソッド

setAttribute() メソッド

hasAttribute() メソッド

属性値属性

HTML DOM 属性オブジェクト

チュートリアル:

HTML 属性

インスタンス

例 1

最初の <h1> 要素から class 属性ノードを削除します:

const element = document.getElementsByTagName("H1")[0];
const attr = element.getAttributeNode("class");
element.removeAttributeNode(attr);

実際に試してみてください

例 2

リンクから href 属性ノードを削除します:

const element = document.getElementById("myAnchor");
const attr = element.getAttributeNode("href");
element.removeAttributeNode(attr);

実際に試してみてください

文法

element.removeAttributeNode(oldAttr)

パラメータ

パラメータ 説明
oldAttr 必須。削除する属性ノード。

返り値

タイプ 説明
オブジェクト 削除された属性を表す Attr オブジェクトを示します。

投げられます

例外 説明
NO_MODIFICATION_ALLOWED_ERR 現在の要素は読み取り専用で、属性の削除は許可されていません。
NOT_FOUND_ERR oldAttr 現在の要素の属性ではありません。

説明

このメソッドは現在の要素の属性集合から(そして返します)Attr ノードを削除します。削除する属性にDTDがデフォルト値を設定している場合、このメソッドはこのデフォルト値を表す新しい Attr ノードを追加します。

ヒント:使用方法 removeAttribute() メソッド このメソッドを代わりに使用することは通常シンプルです。

ブラウザのサポート

element.removeAttributeNode() DOM レベル 1 (1998) の機能です。

すべてのブラウザで完全にサポートされています:

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