DOM

Element.setAttribute() メソッド

 編集:2022.09.24 by T.A.

[Edge]。→

element に指定された属性を追加、または変更します。

構文
element.setAttribute(name, value)
element Element
name 属性の名前を表す文字列。
value 属性に設定する値を表す、¶文字列、数値、真偽値。
戻り値

var d=document.getElementById("d1");
d.setAttribute("align","center");

HTML:

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

JavaScript:

IdTest.setAttribute('style', "color:green; font-size:30px"); //存在する属性
D=IdTest.outerHTML; //=[string]:<span id="IdTest" style="color:green; font-size:30px">SPAN要素</span>
IdTest.setAttribute('type', "Test"); //存在しない属性
D=IdTest.outerHTML; //=[string]:<span id="IdTest" style="color:green; font-size:30px" type="Test">SPAN要素</span>

outerHTML


テスト