获取非行间样式
2016-12-12 21:02
232 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
height: 300px;
width:200px;
border: 1px solid red;
background:orange;
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
//只能获取行间样式。
//alert(oDiv.style['height'])
//只是IE能用，谷歌和火狐用不了
//alert(oDiv.currentStyle['width']);
//火狐和谷歌用
//alert(getComputedStyle(oDiv,false).width);
//alert(oDiv.currentStyle); //object
var a=getStyle(oDiv,'backgroundColor') ;
alert(a) ;
//注意！：name中只能写简单样式（例如宽、高等），不能写复合样式（例如背景颜色、border等）
//getStyle(oDiv,'background');
function getStyle(obj,name){
if(obj.currentStyle){
return (obj.currentStyle[name]) ; //IE用
}else{
return
(getComputedStyle(obj,false)[name]) ; //谷歌和火狐用
}
}
}
</script>
</head>
<body>
<div id="div1" >
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
height: 300px;
width:200px;
border: 1px solid red;
background:orange;
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
//只能获取行间样式。
//alert(oDiv.style['height'])
//只是IE能用，谷歌和火狐用不了
//alert(oDiv.currentStyle['width']);
//火狐和谷歌用
//alert(getComputedStyle(oDiv,false).width);
//alert(oDiv.currentStyle); //object
var a=getStyle(oDiv,'backgroundColor') ;
alert(a) ;
//注意！：name中只能写简单样式（例如宽、高等），不能写复合样式（例如背景颜色、border等）
//getStyle(oDiv,'background');
function getStyle(obj,name){
if(obj.currentStyle){
return (obj.currentStyle[name]) ; //IE用
}else{
return
(getComputedStyle(obj,false)[name]) ; //谷歌和火狐用
}
}
}
</script>
</head>
<body>
<div id="div1" >
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js获取非行间样式/定义样式
- js获取非行间样式
- 14、关于获取html页面元素的非行间样式
- javascript获取非行间样式的函数封装
- javascript获取非行间样式的函数封装
- 如何获取非行间样式
- 获取非行间样式
- JavaScript的获取非行间样式
- JS获取非行间样式
- 原生javascript设置获取行间样式及非行间样式的写法
- JS如何客服克服兼容性获取非行间样式
- javascript中获取非行间样式的方法。
- 知道一个div的宽高背景色，如何不通过写在行间样式的办法更改样式？currentStyle(只兼容ie)，getComeputedStyle(兼容)-->获取非行间样式
- js获取非行间样式
- JS一起学05：Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
- js获取非行间样式或定义样式
- javascript 获取非行间样式
- JavaScript 学习—— js获取行间样式和非行间样式
- 获取非行间样式
- 获取非行间样式