element.setAttribute(name, value);

element.setAttribute(name, value)
設置指定元素上的一個屬性值。

<font size = 6>element.setAttribute(string name, string value)<br><font size = 5><br>string name 名稱和值的新屬性。<br>string value 屬性設定為指定的值。<br><br><pre><br />例子:div1.setAttribute("align", "center")<br /> div1.setAttribute("id", "div2") <br /> input.setAttribute("type", "button") <br /> img.setAttribute("src", "yy.jpg")</pre>相關 : getAttribute() hasAttribute() removeAttribute()<br />

00

<div id="Mdiv"><div id="div"> ＜div id="<span id="id1"></span>" ＞ change this Attribute＜/div ＞ <br><br>＜script＞<br><span id="id2"></span>.setAttribute("id" , " <input id="idInput" type="text" value = "div" onchange="Change()" onmouseover="this.select()" > ") <br><br><span id="id3"></span>.setAttribute("style" , "color : <select id="Cinput" onchange="Change()" style="width:100px" > <option value="black">black</OPTION> <option value="blue">blue</OPTION> <option value="lime">lime</OPTION> <option value="goldenrod">goldenrod</OPTION> <option value="red">red</OPTION></SELECT>") <br><br><span id="id4"></span>.setAttribute("style" , "font-size : <select id="Finput" onchange="Change()" style="width:100px" > <option value="20px">25px</OPTION> <option value="25px">30px</OPTION> <option value="30px">35px</OPTION></SELECT>") <br>＜/script＞<br> </div></div> <script language="JavaScript">function Change(){ var CHid = idInput.value ; var CHcolor = document.getElementById("Cinput").value ; var CHfont = document.getElementById("Finput").value ; Mdiv.children[0].setAttribute("id",CHid ); Mdiv.children[0].setAttribute("style","color:" + CHcolor +";font-size :" + CHfont ); id1.innerHTML = Mdiv.children[0].id; id2.innerHTML = Mdiv.children[0].id; id3.innerHTML = Mdiv.children[0].id; id4.innerHTML = Mdiv.children[0].id; } Change() </script>

00