Maison > Article > interface Web > Comment obtenir la valeur de la propriété CSS via JS

Comment obtenir la valeur de la propriété CSS via JS

jackloveoriginal: 2018-06-11 16:18:152812parcourir

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

Méthode JS pour obtenir les propriétés CSS :

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

Cet article explique comment obtenir les valeurs des propriétés CSS via JS. Pour plus de contenu connexe, veuillez faire attention au php. Site chinois.

Recommandations associées :

Comment déterminer la méthode de collision via JS

Comment utiliser CSS pour obtenir l'effet de cercle (CSS Sprites)

Comment exécuter l'algorithme de cryptage AES256 via PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment déterminer la méthode de collision via JSArticle suivant：Comment déterminer la méthode de collision via JS

Articles Liés

Voir plus