获取css样式的方法

1. 考虑兼容性写法

function getStyle(ele, attr) {if(getComputedStyle) { // ie会报错return getComputedStyle(ele, null)[attr];} else {ele.currentStyle[attr];}}

2. 升级写法

function getStyle(ele, attr) {if(typeof getComputedStyle == 'function') { //升级return window.getComputedStyle(ele, null)[attr];} else {return ele.currentStyle[attr];}}

3. 另一种写法 try catch

function getStyle(ele, attr) {try {return getComputedStyle(ele, null)[attr];} catch(e) {return ele.currentStyle[attr];}}

转载于:https://www.cnblogs.com/hanweb/articles/6695057.html

获取css样式的方法相关推荐

html局部可复制,截取网页局部区域css样式的方法和系统的制作方法
截取网页局部区域css样式的方法和系统的制作方法 [技术领域] [0001]本发明涉及计算机网络技术领域,特别是涉及一种截取网页局部区域CSS样式的方法和系统. [背景技术] [0002]CSS(Ca ...
JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
javascript写css样式,原生javascript实现读写CSS样式的方法详解
原生javascript实现读写CSS样式的方法详解发布于 2017-05-24 15:05:31 | 120 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Jav ...
在油猴脚本中添加css样式的方法
由于项目要求,需要在系统页面注入dom元素,且对这些注入的元素在UI界面层有美观度要求,就避免不了要对其CSS样式优化. 通常在油猴脚本中添加CSS样式的方法如下: 一.引入外部css文件 // @r ...
js批量操作html标签,js setattribute批量设置css样式的方法
我们在开发程序的时候都会出现要变换样式的情况,今天爱站技术频道就为大家简单介绍js setattribute批量设置css样式的方法,希望对你学习这方面知识有帮助! firefox等可以使用 var ...
关于styleSheets1：获取css样式
不考虑其他情况,现在样式表主要是css,因此主要操作对象是:CSSStyleSheet 范围:包含<style>元素和rel特性被设置为"stylesheet"的< ...
js函数改变html样式,JavaScript改变CSS样式的方法汇总
JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样 ...
JS设置CSS样式的方法。
用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有"-"号,就写成驼峰的形式(如textAl ...
HTML文档中应用css样式的方法总结
在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表:2.使用style元素包含样式表:3.使用style属性,即内联样式一.link标签链接外部样式表先看一条较为标准的l ...
css 样式使用方法的累积
我们直接看样例然后在来解释使用方法. <!DOCTYPE html> <html> <head> <style> input[type="ch ...

获取css样式的方法

获取css样式的方法相关推荐

最新文章

热门文章