So verwenden Sie Javascript, um die Farbe zu ändern: 1. Verwenden Sie die Anweisung „element object.style.color = „color value“;“ 2. Verwenden Sie die Anweisung „element object.style.backgroundColor = „color“. value";"-Anweisung, um die Hintergrundfarbe zu ändern.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Verwenden Sie Javascript, um die Farbe zu ändern
1. Verwenden Sie die Color-Eigenschaft des Style-Objekts, um die Textfarbe zu ändern. Mit der Color-Eigenschaft können Sie die Farbe des Texts festlegen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="box">元素内容</div><br />
<button onclick="myFunction()">改变文本颜色</button>
<script>
function myFunction() {
var box = document.getElementById("box");
box.style.color = "red";
}
</script>
</body>
</html>
2. Verwenden Sie die Eigenschaft „backgroundColor“ des Objekts „Style“, um die Hintergrundfarbe des Elements festzulegen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="box">元素内容</div><br />
<button onclick="myFunction()">改变背景颜色</button>
<script>
function myFunction() {
var box = document.getElementById("box");
box.style.backgroundColor = "red";
}
</script>
</body>
</html>【Verwandte Empfehlungen:
Javascript-Lerntutorial
】
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
