JavascriptラベルID取得style属性を変更するコード

インスタンスJavaScriptコード
次のコードでは、select要素のnameプロパティを使用してstyleにアクセスするプロパティ(この例では背景色)を設定します.これにより、この関数は異なるCSSプロパティを設定できます.

 
  
　　 
  <br>　　var d = document.getElementById("d"); 
  <br>　　function setProperty(){ 
  <br>　　var set = document.getElementById("setColor"); 
  <br>　　var optionValue = set.options[set.selectedIndex].value; 
  <br>　　d.style.backgroundColor = optionValue; 
  <br>　　} 
  <br>　　function reset(){ 
  <br>　　d.style.backgroundColor = "transparent"; 
  <br>　　} 
  <br>　　 
  
 
 

HTMLコード
この例のHTMLコードは比較的簡単で、1つのselect要素はオプションの背景色を羅列するために使用されます.ボタンはイベントをトリガーし、関数を呼び出す役割を果たします.

 
  
　　 
  　　aqua 
  　　black 
  　　blue 
  　　fuchsia 
  　　gray 
  　　green 
  　　lime 
  　　maroon 
  　　navy 
  　　olive 
  　　purple 
  　　red 
  　　silver 
  　　teal 
  　　white 
  　　yellow 
  　　 
  
　　       
  
　　   
  
 
 

効果
色を選択してボタン「背景色の設定」をクリックします.
aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow背景色キャンセル//<![CDATA[ var d = document.getElementById("d"); 　　function setBackgroundColor(){ 　　var set = document.getElementById("setColor"); 　　var optionValue = set.options[set.selectedIndex].value; 　　d.style.backgroundColor = optionValue; 　　} 　　function reset(){ 　　d.style.backgroundColor = "transparent"; 　　}//]]>
[Ctrl+A全オプション:外部Jsを導入するにはリフレッシュが必要]