예제 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> function 재설정(){ <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="black">black</option> <br> <option value="blue"> 파란색</ 옵션> <br> <option value="fuchsia">fuchsia</option> <br> <option value="gray">회색</option> green">green</option> <br> <option value="lime">lime</option> <br> <option value="maroon">maroon</option> <br> < option value= "네이비"</option> <br> <option value="olive">olive</option> <option value="purple">purple</option> 🎜> <option value="red">red</option> <br> <option value="silver">silver</option> <br> <option value="teal">청록색< /option> <br> <option value="white">white</option> <br> <option value="yellow">yellow</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>블랙<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> <p>[Ctrl A 모두 선택 참고: </p>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </textarea>]<br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
