【getComputedStyle获取css属性与IE下的currentStyle获取到的值不同】的更多相关文章

getComputedStyle获取css属性与IE下的currentStyle获取到的值不同

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name=&qu…

js中获取css属性

直接获取 window.onload = function() { var but = document.getElementById('button'); var div = document.getElementById('getStyle'); but.onclick = function() { alert(div.style.width);//弹出空的对话框 } } getComputedStyle(div)方法 用法 window.onload = function() { var…

JS中使用document.defaultView.getComputedStyle()、currentStyle()方法获取CSS属性值

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在<style type="text/css">里面的属性. <html xmlns=”http://www.w3.org/1999/xhtml“> <head> <meta http-equiv=”Co…

自定义属性，innerHTML,outerHTML,dom节点的获取，className,tagName,更改或者是获取css属性

01.自定义属性 1.自定义属性: 作用:保存数据 通用的自定义属性的前缀 data-属性="属性值" 注:自定义的属性不能通过 元素.属性 取属性值 ,需使用getAttribute(); 2.自定义属性的获取 元素.getAttribute('data-url'); 3.设置 节点.setAttribute('属性名称','修改后的属性值'): (修改后的属性值是一个变量的时候,不加引号) 4.删除 元素.removeAttribute('data-url'); 简单测试:<…

JavaScript如何获取css属性

原文:JavaScript如何获取css属性 在web开发中,很多时候我们需要用JavaScript对网页的样式进行修改,接下来,我们就来看一下我们该如何访问css属性,针对不同情况及案例来进行分析. 情况一:css属性位于html标签内 在实际开发过程中,如果样式表的内容比较少的话,我们通常将css属性封装在html标签中,这时JavaScript访问css属性很直接,通过访问html标签的style属性,修改具体的样式即可完成相应的操作. 例如: <!DOCTYPE html> <h…

js原生获取css属性

原文参考http://blog.csdn.net/lzding/article/details/46317777 1.写在dom上的属性,内联样式 <div id="box" style="background-color:#ccc;margin-top:100px;"></div> var oBox = document.getElementById('box') console.log(oBox.style.width) 1)对于复合属性…

JS使用getComputedStyle()方法获取CSS属性值

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style="-"),而无法获取定义在<style type="text/css">里面的属性. 2. IE中使用的是obj.currentStyle方法,而FF是用的是getComputedStyle 方法 "DOM2级样式"…

JS 获取CSS属性值

obj: 元素对象 attribute: 属性 返回值:该对象这个属性的值 function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象.样式特性 return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute]; } 完整链接:http://www.css8…

js获取css属性方法

function getDefaultStyle(obj,attribute){ return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute]; }…

原生js使用getComputedStyle方法获取CSS内部属性值

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式, 1.下面的方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在<style type="text/css">里面的样式属性值 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;…