我一直在使用John Resig的getStylePro JavaScript技术来获得元素的风格:
function getStyle(elem, name) {
// J/S Pro Techniques p136
if (elem.style[name]) {
return elem.style[name];
} else if (elem.currentStyle) {
return elem.currentStyle[name];
}
else if (document.defaultView && document.defaultView.getComputedStyle) {
name = name.replace(/([A-Z])/g, "-$1");
name = name.toLowerCase();
s = document.defaultView.getComputedStyle(elem, "");
return s && s.getPropertyValue(name);
} else {
return null;
}
}
Run Code Online (Sandbox Code Playgroud)
但是,如果未指定样式,则此方法返回元素的默认样式:
http://johnboxall.github.com/test/getStyle.html
替代文字http://img.skitch.com/20081227-8qhxie51py21yxuq7scy32635a.png
是否可以只获取元素的样式表指定样式(如果未定义样式,则返回null)?
更新:
为什么我需要这样的野兽?我正在构建一个允许用户设置元素样式的小组件.一个可应用的样式是text-align- ,,left -使用无样式元素默认.这使得无法判断元素是否居中,因为用户希望它居中或居中,因为这是默认样式.centerrightgetStylecenter