JavaScript兼容性总结之获取非行间样式案例
非行间样式案例
#div1 {
width: 200px;
height: 200px;
background: red;
}
IE获取非行间样式
var oDiv = document.getElementById('div1');
oDiv.currentStyle.width;
Chrome/FF获取非行间样式
var oDiv = document.getElementById('div1');
oDiv.getComputedStyle(oDiv,false).width;
我的兼容性写法
var oDiv = document.getElementById('div1');
var eleWidth = oDiv.currentStyle && oDiv.currentStyle.width || getComputedStyle(oDiv,false).width;
我的扩展性写法
function getStyle(obj,name){
return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false)[name];
}
==注意== 以上只能获取非行间样式，不能设置非房间样式的值。
以上所述是小编给大家介绍的JavaScript兼容性总结之获取非行间样式的全部叙述，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
-
本文向大家介绍写一个获取非行间样式的方法相关面试题，主要包含被问及写一个获取非行间样式的方法时的应答技巧和注意事项，需要的朋友参考一下 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.currentStyle.attribute
-
问题内容： 是否可以使用JavaScript获取对象的所有样式？就像是： 问题答案： 在上一篇文章中，这是一个函数： 如何使用它： CSS： JS：
-
本文向大家介绍JS非行间样式获取函数的实例代码，包括了JS非行间样式获取函数的实例代码的使用技巧和注意事项，需要的朋友参考一下 行间样式：元素内部用style定义的样式，如:<div style="width:200px;"></div> 非行间样式：在<style></style>内通过css定义的样式 先看一段出问题的代码 我在页面放了一个方块，红底黑边，想通过点击该方块让他的宽度变为200p
-
本文向大家介绍老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)，包括了老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)的使用技巧和注意事项，需要的朋友参考一下 众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.styl
-
问题内容： 我想： 查找页面中所有元素的样式属性（例如：具有的所有元素） 更改所有属性（例如从到）。 您对此有何建议？ 问题答案： 我的建议是尽可能避免这样做。而是使用类来分配颜色值，然后可以使用该类而不是颜色值来查找元素。 据我所知，没有可用于查询 特定 样式值的选择器（即使在CSS3中也是如此），这意味着循环遍历所有元素（或者看起来可以将其限制为具有属性的所有元素）并看着财产。现在，问题是，即
-
本文向大家介绍JavaScript性能优化总结之加载与执行，包括了JavaScript性能优化总结之加载与执行的使用技巧和注意事项，需要的朋友参考一下 前言 无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页