So ändern Sie den Hintergrund in JavaScript: Rufen Sie zuerst das Elementobjekt ab. Verwenden Sie dann die Hintergrundeigenschaft des Stilobjekts, um den Hintergrund zu ändern. Die Syntax lautet „element object.style.background="color value|image address"".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
<script type="text/javascript">
function bs(v) {
kuang.style.background=v;
}
</script>
</head>
<body>
<p>请选择颜色：</p>
<select id="test" name="xuanzekuang" onchange="bs(this.value)">
<option value="red">红</option>
<option value="green">绿</option>
<option value="blue">蓝</option>
<option value="black">黑</option>
</select>
<div id="kuang" style="width: 100px;height: 100px;border: 1px solid #eee">
</div>
</body>
</html>Wirkung:
Beschreibung: Stil-Hintergrundeigenschaft
Die Hintergrundeigenschaft legt bis zu fünf unabhängige Hintergrundeigenschaften in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie Folgendes festlegen/zurückgeben:
Hintergrundfarbe
Hintergrundbild
Hintergrundwiederholung
Hintergrundanhang
Hintergrund -Position
Die oben genannten Attribute können auch als separate Stilattribute festgelegt werden. Zur besseren Kontrolle wird dringend empfohlen, separate Eigenschaften zu verwenden.
Syntax:
1. Hintergrundattribut festlegen:
Object.style.background="color image repeat attachment position"
【Empfohlenes Lernen:
Das obige ist der detaillierte Inhalt vonSo ändern Sie den Hintergrund mit Javascript. 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)
