位置: 编程技术 - 正文

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

  • 一般纳税人结转税额怎么做会计分录
  • 火车票丢了怎么补打报销凭证
  • 工程项目结算流程图
  • 领备用金填什么单子
  • 个税申报了还要扣钱吗
  • 增值税专用发票抵扣税额是什么意思
  • 企业所得税的优点有哪些
  • 补交以前年度增值税的科目处理
  • 收到转账支票存支票背书处怎么填写
  • 食堂收取单位餐费需要开发票吗?
  • 公司利润不分配可以怎么处理
  • 工薪个人所得税扣除
  • 施工费增值税税率是9%
  • 滞留票的进项税能抵扣吗
  • 办公室购买绿植违规吗
  • 货物分批付款会计处理
  • 长期股权投资是什么科目
  • 企业里工会
  • 出口退税最新规定2021
  • 员工迟到扣工资的会计处理
  • 材料采购的合同价款
  • windows11怎么设置我的电脑
  • 无法加载响应数据 对于预检请求没有可显示的内容
  • 什么叫盘活存量股票
  • 普通发票的进项票怎么做分录
  • win10专业版19042.630
  • 小规模纳税人免征增值税的账务处理
  • 建筑公司支付的预付款担保保函费怎么做账?
  • igfxsrve.exe
  • 电子钥匙续费应用在哪里
  • 跨期发票怎么作废
  • puppetm
  • 生产型企业出口退税会计分录
  • 营业外收入怎么申报增值税
  • php实现原理
  • 我国居民企业甲在境外进行了投资
  • 宝塔面板安装zabbix
  • 前端布局flex
  • 门店装修费怎么记会计凭证
  • 办公经费包括工资吗
  • php使用正则表达式提取abcdef
  • 财务支出表怎么做
  • 没有发票的支出可以扣除企业所得税么
  • linux中login命令
  • 个人代人开普票要交几个点税
  • 织梦cms要钱吗
  • 分公司可以单独上市吗
  • 应收票据的核算内容
  • db2 connect命令
  • 足浴店装修大概多少钱一平
  • 营改增后一般纳税人按简易办法计税的规定
  • 在建工程结束后怎么处理
  • 财务费用为什么是向债权人支付的现金流量
  • 计提应收会计分录
  • 出口转内销怎么做
  • 加权平均净资产收益率
  • 收到总公司拨款怎么入账
  • 发票没有银行账号可以吗
  • 员工垫付的费用怎样记账
  • 一般纳税人销售使用过的固定资产
  • 受同一方重大影响的企业之间为什么不构成关联方
  • win10怎么自定义壁纸
  • win10无法双击
  • 手机如何使用windows
  • linux0.01编译
  • win10家庭版怎么关闭windows defender
  • [置顶] 《借.住.情.缘》
  • 命令行输入以下哪个命令可以画出样条曲线
  • node 调用c
  • python颜色表
  • javascript高级程序设计最新版
  • unity3d入门视频教程
  • js newyork
  • jquery 滑动显示
  • 水利建设基金如何计提
  • 小规模纳税人土地使用税减免政策
  • 上期留底税额怎么查
  • 吉林省耕地面积有多少万亩
  • 进口非应税消费品的组成计税价格为
  • 我各位一个关于网上申报增值税所得税的申报流
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设