<!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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
