获取元素的CSS样式属性值 IE兼容写法

/**
* 获取元素的CSS样式属性值
*/
function css(element, attrName) {
　　/*if (window.getComputedStyle)
　　return window.getComputedStyle(element)[attrName]
　　return element.currentStyle[attrName];*/

　　return window.getComputedStyle ? getComputedStyle(element)[attrName]: element.currentStyle[attrName];
}

原文地址：https://www.cnblogs.com/kdiekdio/p/10240842.html

时间： 2024-12-28 02:36:16

获取元素的CSS样式属性值 IE兼容写法的相关文章

对于用js获取元素的css样式属性(getComputedStyle,currentStyle,style)(getPropertyValue,getAttribute)

首先单独拎出来讲的是style style: nodeObject.style.cssProperty获取的是DOM节点上 style 属性定义的样式,如果不存在 style 属性,或者 style 属性没有定义相应的样式,则是无法获取的.也就是说,JavaScript 不会到 <style> 标签或者 CSS 文件去获取相应的样式,只能获取 style 属性定义的样式. 就是外部样式表,内部样式表,用style都是无效的,只有内联样式是有效的,当然用style写入也是写入在内联样式的. 然后

通过js获取元素的css样式属性

var display = this.currentStyle? this.currentStyle.display: window.getComputedStyle(this, null).display; 这样可以获取定义在内部~外部样式表以及内嵌的所有的样式~当然这里指获取display属性~简单来说就是只要定义了display~不管在哪里设置的~都可以获取出来

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只适用于IE. (3)getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. 注意: ① currentStyle和getComputedS

IE 样式属性前后缀兼容写法略统计

总结 IE 兼容写法: \9: IE6 IE7 IE8*: IE6 IE7_: IE6*+: IE7 ---------------------------------- 书写位置: background-color: #FF0000\9;    /*IE6.IE7.IE8会显示红色*/ *background-color: #0066FF;     /*IE6.IE7会变为蓝色*/ _background-color: #009933;     /*IE6会变为绿色*/

获取指定元素的某一个样式属性值

1."元素.style.样式属性名" ->oDiv.style.height 弊端:"只能"获取在"行内"上编写过的样式,不管在哪些了对应的样式,只要没有在行内上写过,都获取不到 oDiv.style.height 由于height并没有写在行内样式上(写在样式表里了),所以获取的结果依然是"" 2.通过 window.getComputedStyle 获取所有经过浏览器计算的样式(只要的你的元素在浏览器加载的时候渲染过

获取元素的css属性之getComputedStyle

习惯了用jQuery的css()的方法获取元素的css属性,突然不用jQquery了,当要获得元素的css时候,我瞬间停顿了一下,咦?咋获取元素的css值?比如获取元素的width.是这样么?document.getElementById("id").style.width? 一.getComputedStyle getComputedStyle,见名之意,就是获取元素计算之后的样式属性值,也就是获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象([object C

如何用JavaScript去操作HTML元素和CSS样式

第3章 你也有控制权(DOM操作) 如何用JavaScript去操作HTML元素和CSS样式,实现简单的动态操作. 3-1 认识DOM 3-2 通过ID获取元素 3-3 innerHTML 属性 3-4 改变 HTML 样式 3-5 显示和隐藏(display属性) 3-6 控制类名(className 属性) 第4章 编程挑战 不断实践,提高技能. 4-1 编程挑战 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char

关于获取、设置css样式封装的函数入门版

1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>CSS样式的获取和设置:简单版</title> 5 <style type="text/css"> 6 #div { 7 width: 100px; 8 height: 100px; 9 background: pink; 10 } 11 </style> 12 <scrip

Html标签的css默认属性值

HTML标签CSS默认属性值大全 如果设置了 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size). html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3