获取DOM节点对象的css属性
使用原生JS代码（最原汁原味）
使用原生JS代码获取CSS属性值分为两种：一种用于IE。另一种用于火狐、谷歌等。不得不说现在IE好辣鸡。
- **getComputedStyle（obj，“伪类”）[attr]：**此方法是window对象的所以不用DOM节点调用直接写即可。obj是DOM对象（必写），伪类可选写，attr是css元素字符串。用于谷歌、火狐等。
<head>
<style>
#p{
color: red;
}
</style>
</head>
<body>
<p id="p">123</p>
<script>
var p = document.getElementById("p");
alert(getComputedStyle(p)["color"]);
</script>
</body>
- **obj.currentStyle[attr]：**此方法是找到DOM节点后，DOM节点调用的。obj为DOM节点，attr是css元素字符串。
<head>
<style>
#p{
color: red;
}
</style>
</head>
<body>
<p id="p">123</p>
<script>
var p = document.getElementById("p");
alert(p.currentStyle["color"]);
</script>
</body>
使用jQuery获取（最简单）
jQuery的css函数可以设置css元素，也可以获取css元素。
<head>
<style>
#p{
color: red;
}
</style>
</head>
<body>
<p id="p">123</p>
<script>
var color = $("#p").css("color");
</script>
</body>
扫一扫
427
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
