DOM

：

：

Element.setAttributeNode() メソッド

　編集：2022.09.25 by T.A.

[Edge]。→、

element に指定された属性 Attr ノードを追加、または置き換えます。

構文
element.setAttributeNode(attr)
element Element。
attr Attr ノード オブジェクト。
戻り値

この関数によって置換された既存の属性ノード Attr。¶存在しなかかった場合は null のようです。

例

以下のHTMLがあるとする： 

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

JavaScript： 

var d1 = document.getElementById("one");
var d2 = document.getElementById("two");
var a = d1.getAttributeNode("align");
d2.setAttributeNode(a);
alert(d2.attributes[1].value)
// 結果："left"

HTML： 

<SPAN id=IdTest style="color:red">SPAN要素</SPAN>

JavaScript： 

A=document.createAttribute('style'); //存在する属性
A.value="color:green; font-size:30px";
DA=IdTest.setAttributeNode(A); //＝[object]：[object Attr]
	//namespaceURI＝[object]：null
	//prefix＝[object]：null
	//localName＝[string]：style
	//name＝[string]：style
	//value＝[string]：color:red
	//…
D=IdTest.outerHTML; //＝[string]：<span id="IdTest" style="color:green; font-size:30px">SPAN要素</span>
A=document.createAttribute('type'); //存在しない属性
A.value="Test";
DA=IdTest.setAttributeNode(A); //＝[object]：null
D=IdTest.outerHTML; //＝[string]：<span id="IdTest" style="color:green; font-size:30px" type="Test">SPAN要素</span>

→document.createAttribute、Attr.value、outerHTML

テスト