Javascript取得標籤ID改變style屬性的程式碼_javascript技巧

實例JavaScript程式碼
下面的這段程式碼中，我們透過select元素的name屬性來設定具體要存取style的哪個屬性（本例中為背景色），這樣，這個函數就可以用來設定不同的CSS屬性了。

複製程式碼 程式碼如下:

　　

複製程式碼

程式碼如下: 　　aqua 　　black

　　blue

　　　="fuchsia">fuchsia
　　gray
　　green
　　green
　　green
　　lime
　　maroon
　　navy
　　olive
　　purple
　　red
　　silver
　　teal
　　white
　　y. option>
　　
　　設定背景顏色
　　


效果

選擇顏色後點選按鈕「設定背景顏色」。

<div id="d" style="width: 400px; height: 400px;">aqua<select id="setColor"> <option value="aqua">black</option> <option value="black">blue</option> <option value="blue">fuchsia</option> <option value="fuchsia">gray</option> <option value="gray">green</option> <option value="green">lime</option> <option value="lime">maroon</option> <option value="maroon">navy</option> <option value="navy">olive</option> <option value="olive">purple</option> <option value="purple">red</option> <option value="red">silver</option> <option value="silver">teal</option> <option value="teal">white</option> <option value="white">yellow</option> <option value="yellow"> </option>設定背景顏色</select> <button onclick="setBackgroundColor();return fales;">取消</button> <button onclick="reset();return fales;"> </button>　　</div> <p> </p>
[Ctrl A 全選 註:如需引入外部Js需刷新才能執行]