Comment obtenir la valeur de la propriété CSS via JS-js tutoriel-php.cn

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

jacklove

Libérer： 2018-06-11 16:18:15

original

2807 Les gens l'ont consulté

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

Copier après la connexion

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];   
	}

Copier après la connexion

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!