简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

如何通过JS获取CSS属性值

jacklove
Lepaskan： 2018-06-11 16:18:15
asal
2809 orang telah melayarinya
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> JS获取CSS属性 </title>
  <style type="text/css">
	#f{background-color:#FF0000;}
  </style>
 </head>
 <body>
  <p id="f" style="width:200px; height:200px;"></p>
  <script type="text/javascript">
	var o = document.getElementById('f');
	document.write(o.style.width + '<br>'); // 200px
	document.write(o.style.backgroundColor + '<br>'); // 空白
	function getDefaultStyle(obj,attribute){
		return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];   
	}
	document.write(getDefaultStyle(o, 'width') + '<br>'); // 200px
	document.write(getDefaultStyle(o, 'backgroundColor')); // #FF0000
  </script>
 
 </body>
</html>
Salin selepas log masuk


JS獲取CSS屬性方法：

	function getDefaultStyle(obj,attribute){
		return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];   
	}
Salin selepas log masuk

本文讲解了如何通过JS获取CSS属性值 ，更多相关内容请关注php中文网。

相关推荐：

如何通过JS来判断碰撞方法

如何使用CSS实现圈人效果(CSS Sprites)

如何通过PHP 进行AES256加密算法

Atas ialah kandungan terperinci 如何通过JS获取CSS属性值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css function
sumber：php.cn
Artikel sebelumnya：如何通过JS来判断碰撞方法 Artikel seterusnya：angularjs中如何实现页面自适应？
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
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1335
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...
daripada 2024-04-06 20:41:51
0
1
518
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！