current style 获得css属性[z]

最新推荐文章于 2025-05-17 12:42:47 发布

最新推荐文章于 2025-05-17 12:42:47 发布 · 113 阅读

文章标签：

#CSS

本文介绍了一种跨浏览器的方法来获取元素的CSS属性值，包括在IE和Firefox等浏览器中如何使用JavaScript来实现。通过一个简单的例子展示了如何获取div元素的背景颜色。

From: http://www.iteye.com/topic/166395
备忘一下：）

<script type="text/javascript">

var mydiv=document.getElementById("test")

function getCurrentStyle(obj, cssproperty, csspropertyNS){
	if(obj.style[cssproperty]){
		return obj.style[cssproperty];
	}
	if (obj.currentStyle) {// IE5+
		return obj.currentStyle[cssproperty];
	}else if (document.defaultView.getComputedStyle(obj, null)) {// FF/Mozilla
		var currentStyle = document.defaultView.getComputedStyle(obj, null);
		var value = currentStyle.getPropertyValue(csspropertyNS);
		if(!value){//try this method
			value = currentStyle[cssproperty];
		}
		return value;
	}else if (window.getComputedStyle) {// NS6+
		var currentStyle = window.getComputedStyle(obj, "");
		return currentStyle.getPropertyValue(csspropertyNS);
	}
}
alert(getCurrentStyle(mydiv, "backgroundColor", "background-color")); //alerts "yellow"
</script>