Dieses Mal zeige ich Ihnen, wie Sie die Farbe der aktuellen Seite mit JS ändern. Was sind die Vorsichtsmaßnahmen zum Ändern der Farbe der aktuellen Seite mit JS? ein Blick.
Werfen wir zunächst einen Blick auf die spezifischen Demonstrations-Renderings
Das Folgende ist der vollständige HTML-Seitencode, den Sie testen können.
<!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>Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
Empfohlene Lektüre:
So erstellen Sie dynamisch Tags und legen Attribute mit js fest
Verwenden Sie JS, um Berechnungen durchzuführen
So verwenden Sie die Array filter()-Methode in JS
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe der aktuellen Seite in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
