位置: 编程技术 - 正文

JS获取CSS样式(style/getComputedStyle/currentStyle)(javascript获取css)

编辑:rootadmin

推荐整理分享JS获取CSS样式(style/getComputedStyle/currentStyle)(javascript获取css),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js如何获取css样式的值,javascript获取css,js读取css文件内容,js读取css文件内容,js获取css样式属性,javascript获取css,javascript获取css,javascript获取css,内容如对您有帮助,希望把文章链接给更多的朋友!

CSS的样式分为三类: 内嵌样式:是写在Tag里面的,内嵌样式只对所有的Tag有效。 内部样式:是写在HTML的里面的,内部样式只对所在的网页有效。 外部样式表:如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这 些样式(Styles)的网页里引用这个CSS文件。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式对象([object CSSStyleDeclaration]) currentStyle是IE浏览器的一个属性,返回的是CSS样式对象

element指JS获取的DOM对象 element.style //只能获取内嵌样式 element.currentStyle //IE浏览器获取非内嵌样式 window.getComputedStyle(element,伪类) //非IE浏览器获取非内嵌样式 document.defaultView.getComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式 注:Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前,第二个参数“伪类”是必需的(如果不是伪类,设置为null),现在可以省略这个参数。

下面的html中包含两种css样式,id为tag的div是内嵌样式,而id为test的div样式为内部样式.

JS获取CSS样式(style/getComputedStyle/currentStyle)(javascript获取css)

JS部分

以上的例子仅是验证前面的论述是否正确。

为了简单,我们也可以对获取样式做一个简单的封装。

对应float样式,IE中使用的是styleFloat,而早前的FF和chrome使用的是cssFloat,现在FF和Chrome已经支持float,还有一些其他的属性,不再一一列出,为了不去记忆这些差异点,我们引出两个访问CSS样式对象的方法: getPropertyValue方法和getAttribute方法

IE9及其它浏览器(getPropertyValue) window.getComputedStyle(element, null).getPropertyValue(“float”); element.currentStyle.getPropertyValue(“float”); getPropertyValue不支持驼峰写法。(兼容IE9及以上,FF,Chrom,Safari,Opera) 如:window.getComputedStyle(element,null).getPropertyValue(“background-color”);

对于IE6~8,需要使用getAttribute方法,用于访问CSS样式对象的属性

element.currentStyle.getAttribute(“float”);//不再需要写成styleFloat element.currentStyle.getAttribute(“backgroundColor”);//属性名需要写成驼峰写法,否则IE6不支持,如果无视IE6,可以写成”background-color”

标签: javascript获取css

本文链接地址:https://www.jiuchutong.com/biancheng/383740.html 转载请保留说明!

上一篇:详解javascript实现自定义事件(js类的实现)

下一篇:学习JavaScript设计模式之观察者模式(javascript简明教程)

  • 结转结余属于什么科目
  • 发票红冲需要做账吗
  • 一个季度30万是不含税吗
  • 去税务局申报增值税需要带税盘吗
  • 员工充值饭卡的收入如何做账
  • 实收资本的印花税怎么交
  • 企业所得税滞纳金从什么时候开始算
  • 不动产视同销售增值税税率
  • 贴现是融资业务吗
  • 事业单位现金收支管理办法
  • 购买成品入库并结转成本会计分录怎么写?
  • 可供出售金融资产包括哪些内容
  • 固定资产机械设备
  • 小企业采用什么折旧方法
  • 退回多交企业所得税分录
  • 咨询费 税
  • 一般纳税人核定征收增值税
  • 特许权使用费分摊比例怎么算
  • 2020水利基金
  • 银行存款缴税
  • 更换银行印鉴需要本人吗
  • 发票丢失后可以冲红吗
  • 发生的费用发票会计分录
  • 合并报表的少数股东权益分录
  • 专票地址不对可以重开吗
  • 工程合同外购设备怎么开票
  • 政府专项基金是什么
  • 企业转让房产所得税税率
  • 送给经销商的祝福语
  • window10没有激活码
  • linux系统中查看磁盘空间情况命令
  • icon files
  • 委托代销委托方的账务处理
  • 房产税和土地使用税征税对象
  • 酒店购进布草可直接确认为成本吗
  • 公司注销职工怎么办理
  • 康沃尔郡的大学
  • 公司费用报销包括哪些
  • 银行开户费用怎么做账
  • css选择器nth
  • 智能优化算法主要内容
  • 冲红怎么做会计科目
  • 终止经营列报的相关表述
  • 发票行业税目怎么选
  • 价外费用企业所得税
  • SQL2005Express中导入ACCESS数据库的两种方法
  • 固定资产清理的借贷方向表示什么
  • 提前送了礼物还要发红包吗
  • 承兑汇票利息分录
  • 固定资产如何入账处理
  • 购入不需要安装的固定资产会计科目
  • 预发绩效会计分录
  • 过程中必须有哪两种状态
  • 政府补贴递延收益的摊销时间
  • 销售使用过的汽车增值税税率
  • 公示信息有误如何修改
  • mysql 5.7.11 winx64安装配置方法图文教程
  • mysql数据库类型有哪些?如何选择合适的数据类型
  • sqlserver 教程
  • mysql服务自动停止运行
  • sql数据库清除日志
  • 卡巴斯基 试用
  • win8快捷方式
  • mac u 盘启动
  • soundtrax.exe - soundtrax是什么进程
  • win10 打开文件
  • win7系统怎么更改默认浏览器
  • Win10 Redstone 11082视频快速上手:已知bug及新变化一览
  • shell 字符串trim
  • 微信小程序使用webview
  • firefox浏览器标识ua
  • linux shell脚本教程
  • python的对象
  • 北京税务跨区迁移不予受理,原因是什么
  • 国家税务局发票查询
  • 驻马店燃气投诉电话号码
  • 烟叶税计税依据是收购烟叶实际支付的价款总额
  • 美国网购消费者个人信息保护法
  • 中级财务管理好难
  • 房屋契税交错了能退吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设