.setAttributeNode()

特定の要素へ新しいAttrノードを追加します。

文法

var replacedAttr = element.setAttributeNode(attribute);
引数 説明
attribute 要素へ設定するAttrノードを指定します。
戻り値
replacedAttr 置き換えられた属性ノードが返されます。 もし、既に属性が存在した場合は、その属性がこの関数の戻り値になります。

// <div id="one" align="left">one</div>
// <div id="two">two</div>
var d1 = document.getElementById("one");
var d2 = document.getElementById("two");
var a = d1.getAttributeNode("align");
d2.setAttributeNode(a.cloneNode(true));
alert(d2.attributes[1].value)
// `left'がアラート表示されます。

注意事項

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

このメソッドが使用されることは滅多に無く、 通常はsetAttribute()が要素の属性の変更に使用されます。

要素の属性を取扱うDOMメソッド:

名前空間が無関係の
一般的によく使用される
メソッド
名前空間限定
(DOMレベル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 -

仕様

DOM Level 2 Core: setAttributeNode (introduced in DOM Level 1 Core)

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。