suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie die Farbe mit Javascript

So ändern Sie die Farbe mit Javascript

青灯夜游
青灯夜游Original
2022-01-23 18:19:049409Durchsuche

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.

So ändern Sie die Farbe mit Javascript

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>

So ändern Sie die Farbe mit Javascript2. 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

】So ändern Sie die Farbe mit Javascript

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!

JavaScript 对象
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So berechnen Sie das Produkt von 1 bis 10 in JavascriptNächster Artikel：So berechnen Sie das Produkt von 1 bis 10 in Javascript

In Verbindung stehende Artikel

Mehr sehen