您的位置:首页 > Web前端 > CSS

获取非行间样式

2017-02-13 03:31 274 查看
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<script src="js/设置样式.js" type="text/javascript" charset="UTF-8"></script>
<style>
#div1 {
width: 500px;
height: 500px;
background: red;
}
</style>
<script>
function getstyle(obj, sty) {
if(obj.currentStyle) {
return obj.currentStyle[sty];
} else {
return getComputedStyle(obj, false)[sty];
}
}
window.onload = function() {
var oDiv = document.getElementById("div1");
alert(getstyle(oDiv, "width"));
}
</script>
</head>

<body>
<div id="div1">

</div>
</body>

</html>


JavaScript代码↓

function css(obj, sty, val) {
if (arguments.length == 2) {
return obj.style[sty];
} else if (arguments.length == 3) {
return obj.style[sty] = val;
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: