이번에는 JS를 사용하여 현재 페이지의 색상을 변경하는 방법을 보여드리겠습니다. JS를 사용하여 현재 페이지의 색상을 변경할 때 주의 사항은 무엇입니까?
먼저 구체적인 데모 렌더링을 살펴보겠습니다.
다음은 전체 HTML 페이지 코드입니다. 테스트할 수 있습니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .big_box{ width: 500px; height: 500px; border: 1px solid black; } .big_box input{ margin-left: 60px; } </style> <script> function Change_red(){ var Red=document.getElementById("change_style"); Red.style.backgroundColor="red"; } function Change_blue(){ var Blue=document.getElementById("change_style"); Blue.style.backgroundColor="blue"; } function Change_green(){ var Green=document.getElementById("change_style"); Green.style.backgroundColor="green"; } </script> </head> <body> <p class="big_box" id="change_style"> <input type="button" value="变为红色" onclick="Change_red()"> <input type="button" value="变为蓝色" onclick="Change_blue()"> <input type="button" value="变为绿色" onclick="Change_green()"> </p> </body> </html>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
js에서 동적으로 라벨을 생성하고 속성을 설정하는 방법
JS에서 Array filter() 메서드를 사용하는 방법
위 내용은 JS에서 현재 페이지의 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!