博客列表 >JS-浏览器兼容性的相关设置

JS-浏览器兼容性的相关设置

梁凯达的博客
梁凯达的博客原创
2019年03月01日 20:58:131351浏览

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议