资讯专栏INFORMATION COLUMN

js获取元素样式

ninefive / 1094人阅读

摘要:内联样式外部样式可以获取当前元素最终使用的属性值元素伪类元素伪类注意和会将颜色转换成格式浏览器返回的是元素当前应用的最终属性值包括外链文件,页面中嵌入的属性等获取样式直接属性名称属性兼容性解决方式

内联样式:

Element.style

外部样式:

1.getComputedStyle():可以获取当前元素最终使用的css属性值

 window.getComputedStyle("元素", "伪类/null").attribute;
document.defaultView.getComputedStyle("元素", "伪类");

注意:Firefox和Safari会将颜色转换成rgb格式

2.element.currentStyle-----ie浏览器
返回的是元素当前应用的最终CSS属性值(包括外链CSS文件,页面中嵌入的