masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menukar warna fon dalam JavaScript

Bagaimana untuk menukar warna fon dalam JavaScript

青灯夜游
Lepaskan： 2023-01-07 11:44:31
asal
25158 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：
javascript Warna fon
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk menetapkan nilai atribut nilai input dalam javascript Artikel seterusnya：Bagaimana untuk memadam elemen kanak-kanak dalam javascript
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
Artikel terbaru oleh pengarang
Isu terkini
Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
daripada 2024-04-06 19:25:49
0
1
505
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan