访问元素的css样式
2018-04-01 本文已影响0人
蘑菇酱960903
- getPropertyCSSValue(propertyName) 返回给定属性值的CSSValue对象
- getPropertyValue(propertyName) 返回给定属性的字符串值
- removeProperty(propertyName) 从样式中删除给定属性
- item(index) 返回给定位置的CSS属性的名称
- setProperty(propertyName, value, priority) propertyName = value !important/'空字符串'
- cssText 访问到style特性中的css代码
function getCssStyle (ele, propertyName) {
var value = ele.style.propertyName;
if (!value) {
if (document.defaultView.getComputedStyle) {
var css = document.defaultView.getComputedStyle(ele, null);
value = css? css[propertyName] : null;
}
else if (ele.currentStyle) {
value = ele.currentStyle[propertyName];
}
return value;
}
}
ie支持ele.curreneStyle
其他浏览器可用getComputedStyle(ele, null)
两者均返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式(包括行内样式和css样式)