位置: 编程技术 - 正文

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简明教程)

  • 金税盘如何交服务费
  • 长期股权投资中应采用成本法核算的是
  • 以固定资产投资的会计处理
  • 会计电算化的内容及过程
  • 资产超过5000万的企业所得税税率
  • 小规模纳税人不能抵扣进项税额
  • 工程收入开票
  • 抵扣联多长时间的勾选认证
  • 房地产企业净利润为负的原因
  • 固定资产年数总额法
  • 实际收到股票股利的分录
  • 销售边角料计入什么科目
  • 不含税价怎么转化为含税价
  • 免税企业收到增值税专用发票咋办
  • 固定资产累计折旧完了怎么办
  • 行政单位无法支付怎么办
  • 小企业税金及附加会计分录
  • 两免三减半政策适用哪些企业
  • 离职补偿金需要交工会经费吗
  • 纳税人指什么意思
  • 员工交通费报销标准
  • 会计行业新技术
  • 出售单位车辆如何处理业务?
  • 如何免费获取Win11企业版
  • 如何用u盘装系统知乎
  • Uniapp 使用mocjk
  • map程序
  • 捐赠支出算期间费用吗
  • 阿巴拉契亚国家步道的英文怎么说
  • 存货出入库的账务处理
  • php有面向对象吗
  • 投资公司收到境外债务
  • tensorboard作用
  • 其他免税销售额>0时,免税性质代码不能为空是什么意思
  • 假如你知道这样是什么歌
  • 毕业设计基于51单片机多功能电子钟的设计
  • 主营业务成本入账分录
  • 织梦cms怎么样
  • python photoshop
  • 汽车租赁的法律
  • 将本月发生的制造费用总额按生产工人
  • 其他应收款待抵扣进项
  • mysql数据库外键约束怎么写
  • 帝国cms自动采集插件
  • python里eval的用法
  • 定金罚则可以约定吗
  • 代收电费的增值税怎么算
  • 培训费发票开具的要求有?
  • 环保税计税依据怎么算
  • 劳务派遣公司该不该去
  • 房地产公司分立 土地转移
  • 出口转内销怎么做
  • 工地上报销项目有哪些
  • 财政非税收入支付平台
  • 工资分摊计提分配方式?
  • 非同一控制下企业合并发生的审计费
  • 医保账户收入金额是怎么算的
  • 现代服务业如何提高服务的效率和质量
  • 销售成本包括销项税额吗
  • 房地产开发企业增值税税率
  • mysql 表分区
  • mac vm安装win10
  • ipcservice.dll是什么?
  • linux如何使用命令创建文件夹
  • js判断手机号
  • android开发手册
  • opencv python
  • Unity3D游戏开发培训课程大纲
  • 给a标签加css的伪类
  • vuejs环境搭建
  • 服务器总是自动关机
  • shaders initialized
  • jquery 表单
  • JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
  • 北京税务局发票查询
  • 税务稽查项目书的填写
  • 缴纳了车辆购置税能退吗
  • 顺德中学校徽图片大全1998年
  • 企业内部清欠的措施和做法
  • 印花税核算有两种情况,是如何处理的?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设