實例JavaScript程式碼下面的這段程式碼中，我們透過select元素的name屬性來設定具體要存取style的哪個屬性（本例中為背景色），這樣，這個函數就可以用來設定不同的CSS屬性了。 複製程式碼 程式碼如下: < > var d = document.getElementById("d"); <BR> function setProperty(){ <BR> var set = document.getElementById("setColor"); <🀎 .value; <BR> d.style.backgroundColor = optionValue; <BR> } <BR> function reset(){ <BR> ] <BR><BR> <BR>HTML程式碼<BR>本例的HTML程式碼比較簡單，一個select元素用來羅列出來可選的背景色。而按鈕則負責觸發事件，呼叫函數。 <BR> 複製程式碼 程式碼如下: 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需刷新才能執行]
