element.setAttribute(name, value);

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

name 是表示屬性名稱的字符串。          value 是属性的新值。
例子 : div1.setAttribute("align", "center")        div1 align 設定為 center
           div1.setAttribute("id", "div2")                div1  id     設定為 div2
           input.setAttribute("type", "button")        input type 設定為 button
           img.setAttribute("src", "yy.jpg")             img src     設定為 yy.jpg
相關 : getAttribute()    hasAttribute()     removeAttribute()

<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">20px</OPTION> <option value="25px">25px</OPTION> <option value="30px">30px</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