JavaScript コードの例 以下のコードでは、select 要素の name 属性を使用して、アクセスするスタイルの属性 (この場合は背景色) を設定します。 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> 関数reset(){ <br> d.style.backgroundColor = "透明"; > < /script> <br><br> <br>HTML コード</div>この例の HTML コードは、オプションの背景色をリストするために使用されます。このボタンは、イベントのトリガーと関数の呼び出しを担当します。 <br><br><br><div class="codetitle"> <span>コードをコピー<a style="CURSOR: pointer" data="11357" class="copybut" id="copybut11357" onclick="doCopy('code11357')"><u></u> コードは次のとおりです:</a></span> </div> <select id="setColor"> ; <div class="codebody" id="code11357"> <option value="aqua">aqua</option> <br> <option value="blue">ブルー</オプション> <オプション値="フクシア">/オプション> <br>; <オプション値="グレー">グレー</オプション> <br>グリーン"> ;グリーン</option> <br> <option value="ライム">ライム</option> <br> <option value="マルーン">マルーン</option> <br> <オプション値= "ネイビー">ネイビー</オプション> <br> <オプション値="オリーブ">/オプション> <br> <オプション値="パープル">/オプション> 🎜> <option value="red">red</option> <br> <option value="silver">silver</option> <br> <option value="teal">teal< /option><br> <option value="white"</option> <br> </select> <button onclick="setProperty();return falses;">背景色を設定</button> <br> <button onclick="reset();return falses;">キャンセル</button> <br> <br> 効果 <br> 色を選択したら、「背景色を設定」ボタンをクリックします。 <br><br><br> <br> <br> アクア<br> <br>黒<br> <div class="htmlarea">青<textarea id="runcode41669"> <div id="d" style="width: 400px; height: 400px;">フクシア<select id="setColor"> <option value="aqua">グレー</option> <option value="black">緑</option> <option value="blue">ライム</option> <option value="fuchsia">あずき色</option> <option value="gray">ネイビー</option> <option value="green">オリーブ</option> <option value="lime">紫</option> <option value="maroon">赤</option> <option value="navy">シルバー</option> <option value="olive">ティール</option> <option value="purple">白</option> <option value="red">黄色</option> <option value="silver"> </option>背景色の設定<option value="teal"> </option>キャンセル<option value="white"> </option> <option value="yellow"> </option> </select> <button onclick="setBackgroundColor();return fales;"></button><button onclick="reset();return fales;"> </button> </div>[Ctrl A すべて選択 注: <p>外部 Js を導入する必要がある場合は、</p> を実行するために更新する必要があります]</textarea> </div>