Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar warna menggunakan javascript

Bagaimana untuk menukar warna menggunakan javascript

青灯夜游asal: 2022-01-23 18:19:049310semak imbas

Cara menggunakan javascript untuk menukar warna: 1. Gunakan "elemen object.style.color = "color value";" untuk menukar warna teks 2. Gunakan "element object.style.backgroundColor = "nilai warna" ";" untuk menukar warna latar belakang.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Gunakan javascript untuk menukar warna

1. Gunakan sifat warna objek Gaya untuk menukar warna teks

Atribut warna menetapkan warna teks.

<!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>

Bagaimana untuk menukar warna menggunakan javascript

2 Gunakan sifat backgroundColor objek Gaya untuk menukar warna latar belakang

Harta backgroundColor boleh tetapkan warna latar belakang elemen.

<!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>

Bagaimana untuk menukar warna menggunakan javascript

[Cadangan berkaitan: tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Bagaimana untuk menukar warna menggunakan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript 对象

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk mengira produk dari 1 hingga 10 dalam javascriptArtikel seterusnya：Bagaimana untuk mengira produk dari 1 hingga 10 dalam javascript

Artikel berkaitan

Lihat lagi