收藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#box{width:100px;height:250px;background-color:pink;position:absolute;left:100px;}
</style>
</head>
<body>
<div id="box" style="left:200px;"></div>
</body>
<script>
var box = document.getElementById('box');
//alert(box.style.left);
//获取计算后样式 标准浏览器兼容
// var css = document.defaultView.getComputedStyle(box);
// alert(css.width);
// alert(css.backgroundColor);
//IE支持获取的方式
//var css = box.currentStyle;
//alert(css.height);
// if(box.currentStyle){
// //IE
// var css = box.currentStyle;
// }else{
// var css = document.defaultView.getComputedStyle(box);
// }
var css = box.currentStyle || document.defaultView.getComputedStyle(box);
alert(css.backgroundColor);
</script>
</html>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
