setAttribute

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

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

00

<div id="Mdiv"> <div id="div"> <<c>div id="<span id="id1"></span>" > change this Attribute<<c>/div> <br><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">16px</OPTION> <option value="25px">20px</OPTION> <option value="30px">25px</OPTION> </SELECT>") </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

Edit

#html #網頁格式 #style #script setAttribute() #script setAttribute() 添加指定的属性