Element: setAttributeNode() メソッド

setAttributeNode() メソッドは、新しい Attr ノードを指定された要素に追加します。

構文

js
setAttributeNode(attribute)

引数

  • attribute は要素に追加する Attr ノードです。

返値

置換された属性ノードが、もしあれば、この関数から返されます。

この例では align 属性をある要素から別の要素へコピーしています。

HTML

html
<div id="one" align="left">one</div>
<div id="two">two</div>

JavaScript

js
let d1 = document.getElementById("one");
let d2 = document.getElementById("two");
let a = d1.getAttributeNode("align");

d2.setAttributeNode(a.cloneNode(true));

// 返値: 'left'
alert(d2.attributes[1].value);

メモ

指定された属性が要素に既に存在する場合、その属性は新しい属性に置き換えられ、置き換えられた属性が返されます。

このメソッドが使われることはあまりなく、通常は Element.setAttribute() が要素の属性を変更するために使われます。

DOM メソッドは要素の属性を取り扱います。

名前空間に無関係、
最も一般的に使用されるメソッド
名前空間に限定される変数
(DOM Level 2)
Attr ノードを直接扱う DOM レベル 1 のメソッド
(ほとんど使用されない)
Attr ノードを直接扱う DOM レベル 2 名前空間に限定されるメソッド
(ほとんど使用されない)
setAttribute (DOM 1) setAttributeNS setAttributeNode setAttributeNodeNS
getAttribute (DOM 1) getAttributeNS getAttributeNode getAttributeNodeNS
hasAttribute (DOM 2) hasAttributeNS - -
removeAttribute (DOM 1) removeAttributeNS removeAttributeNode -

仕様書

Specification
DOM Standard
# dom-element-setattributenode

ブラウザーの互換性

BCD tables only load in the browser

関連情報