Bagaimana untuk menukar warna fon dalam JavaScript

青灯夜游
Lepaskan: 2023-01-07 11:44:31
asal
25080 orang telah melayarinya

Dalam JavaScript, anda boleh menggunakan atribut warna objek Gaya untuk mengubah suai warna fon Atribut ini digunakan untuk menetapkan warna teks fon (warna latar depan elemen ialah "element object.style.color=" Nilai warna ";".

Bagaimana untuk menukar warna fon dalam JavaScript

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

Dalam JavaScript, anda boleh menggunakan sifat warna objek Gaya untuk mengubah suai warna fon.

Mari kita lihat contoh di bawah:

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript">
			function setColor() {
				document.getElementById("p1").style.color = "#ff0000";
				document.getElementById("p2").style.color = "magenta";
			}
		</script>
	</head>
	<body>

		<p id="p1">这是一个示例段落。</p>
		<p id="p2">这也是一个示例段落。</p>
		<input type="button" onclick="setColor()" value="改变字体颜色" />

	</body>
</html>
Salin selepas log masuk

Rendering:

Bagaimana untuk menukar warna fon dalam JavaScript

Penerangan:

Atribut warna menetapkan warna teks (warna latar depan elemen).

Sintaks:

Object.style.color=color
Salin selepas log masuk

Nilai yang mungkin

Penerangan
Nilai
warna
描述
color

颜色值可以是颜色名称、rgb 值或者十六进制数等等。

默认值:取决于浏览器。

Nilai warna boleh menjadi nama warna atau nilai rgb Atau nombor perenambelasan, dsb.

Lalai: Bergantung pada penyemak imbas.

Cadangan berkaitan: "

Cara untuk menetapkan warna latar belakang dalam javascript"

[Pembelajaran yang disyorkan : Tutorial lanjutan JavaScript】

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan