关于obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property的理解

首先是obj,style.property

 我一直用这个obj.style.property这个属性来修改内联和外联的obj属性,但是从网上看到了obj.style.property居然只能读取内嵌的样式,不能读取外联和内联的样式,自己试了一下,果然是这样,自己找的例子是改变ul的width属性,看到的小伙伴可以去试试,对于内嵌的属性是可读写,但是对于内联和外联的属性就是只写,不可读

然后是其他两个,这两个的功能很强大,之所以有两个,是为了要兼容IE

obj.currentStyle.property 是IE浏览器的孤僻的支持的获取元素属性值得方法,可以获得任何位置设置的元素的属性值,包括内嵌式,内联式,外联式; 就是可以得到所有的属性,但是不能改写属性,只读不可写

window.getComputedStyle(obj,null).property 是一个比较大众的方法,谷歌,火狐,opera,sarifi都支持该方法获取元素的属性,其中第二个参数是伪类,如果需要获取的不是伪类,需要将该值设置为null; 
 obj.style.property只能获取元素的内嵌式样式属性值,其他两个可以获取内嵌式,内联式 ,外联式中设置的属性值。 

时间: 2024-11-08 12:33:50

关于obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property的理解的相关文章

JavaScript window.getComputedStyle()

一.window.getComputedStyle() getComputedStyle 是一个可以获取当前元素所有最终使用的 CSS 属性值.返回的是一个 CSS 样式声明对象 ([object CSSStyleDeclaration]),只读. 二.getComputedStyle 与 style 的区别 1. 只读与可写 正如上面提到的 getComputedStyle 方法是只读的,只能获取样式,不能设置:而 element.style 能读能写,能屈能伸. 2. 获取的对象范围 get

window.getComputedStyle可获取 伪类元素 样式

window.getComputedStyle详解 window.getComputedStyle说明:getComputedStyle()返回元素的所有CSS属性的计算值语法:var style = window.getComputedStyle(element[, pseudoElt]);参数说明:element:目标元素的DOM对象pseudoElt:指明要匹配的伪元素,对于普通元素必须指定为null(或省略)(or not specified翻译成省略不知道有没有问题,不过测试结果表明对

兼容获取元素当前样式 currentStyle || getComputedStyle

function getStyle(ele, attr) { return ele.currentStyle ? ele.currentStyle[attr] : window.getComputedStyle(ele, null)[attr]; }

如何获取隐藏元素的宽高

获取隐藏元素(display:none)的物理尺寸 问题及场景 假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的(ng-show=false) 展开区域中可折叠组件accordion(对应图中省份,排序字段,短消息部分)的高度是随着数据自适应撑开,点击accordion折叠收缩时有一个高度变化的动画效果! 在计算accordion的高度时却无法获取数据节点元素的高度,导致accordion的高度为0,无法折叠!

探索javascript----小组件积累

作为对原生javascript新手,对一些小组件的学习可以巩固知识,可以提升业务效率: 获取元素类: var get={}; get.$=function(id){ return getElementById(id); }, get.$$=function(oParent,sClass){ var a=[]; var reClass=RegExp("(^| )"+sClass+"( |$)"); var aElem=this.$$$(oParent,"*&

web项目开发 之 前端规范 --- JavaScript编码规范

JavaScript编码规范 此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 场景:web前端开发中 一些Javascript的注意事项 和 规格建议: [参考百度资料 和个人一些总结] 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使 JavaScript 代码风格保持一致,容易被理解和被维护. 虽然本文档是针对 Java

JavaScript学习杂记

1.运算符字符串拼接用"+"符号"||" 2.arr.length  //数组长度str.substr(2,3);  //读取字符串第几位起的几个字符,str中第三位起的三个字符arr.join(); //将数组元素以符号隔开arr.split(); //将字符串以符号分开 3.字符串对象str.indexOf();  //返回子串的位置,如果没找到则返回-1Date日期对象var date = new Date();dete.getFullYear();Math对

js判断display隐藏显示

// 判断是否为隐藏(css)样式 function isHide(obj) { var ret = obj.style.display === "none" || obj.style.display === "" || (obj.currentStyle && obj.currentStyle === "none") || (window.getComputedStyle && window.getCompute

学习一份百度的JavaScript编码规范

JavaScript编码规范 1 前言 2 代码风格 2.1 文件 2.2 结构 2.2.1 缩进 2.2.2 空格 2.2.3 换行 2.2.4 语句 2.3 命名 2.4 注释 2.4.1 单行注释 2.4.2 多行注释 2.4.3 文档化注释 2.4.4 类型定义 2.4.5 文件注释 2.4.6 命名空间注释 2.4.7 类注释 2.4.8 函数/方法注释 2.4.9 事件注释 2.4.10 常量注释 2.4.11 复杂类型注释 2.4.12 AMD 模块注释 2.4.13 细节注释 3