getComputedStyle

最新推荐文章于 2020-12-23 14:05:08 发布
最新推荐文章于 2020-12-23 14:05:08 发布
阅读量356 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42565994/article/details/98475598
版权

作用；获取当前元素所有最终使用的CSS属性值
语法:var style = window.getComputedStyle(“元素”, “伪类”);
提示下：Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），不过现在嘛，不是必需参数了。

本人已测试火狐和谷歌可以兼容使用，并且不要第二个参数也可以
这个函数是Jquery中css方法的底层，但是如果我们查看jQuery源代码，会发现，其css()方法实现不是使用的window.getComputedStyle而是document.defaultView.getComputedStyle

实际上，使用defaultView基本上是没有必要的，getComputedStyle本身就存在window对象之中。根据DennisHall的说法，使用defaultView可能一是人们不太乐意在window上专门写个东西，二是让API在Java中也可用（这我不懂，忘指点~~）。
不过有个特殊情况，在FireFox3.6上不使用defaultView方法就搞不定的，就是访问框架(frame)的样式.

玲曦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nuxt2/3 - 报错getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘Element‘?（vue-awesome-swiper）
高级前端工程师
05-11 2956
nuxt.js，nuxt2，nuxt3，vue-awesome-swiper，轮播图，加了.swiper-container类名还是报错，class，轮播图无法使用，浏览器控制台报错，nuxt vue-awesome-swiper，正确在Vue中使用awesome-swiper;解决点击不生效的问题，Uncaught TypeError: Failed to execute getComputedStyle' on 'Window': parameter 1 is not of type 'Element'
前端学习笔记style，currentStyle，getComputedStyle的用法与区别
09-02
主要介绍了前端学习笔记style，currentStyle，getComputedStyle的用法与区别,需要的朋友可以参考下
getComputedStyle().left为什么结果总是auto的原因
luojianyuan11223的博客
08-05 1107
如果一个元素的position属性是absolute，那么使用getComputedStyle().left一定可以获得px的值。 但是如果不是, 那么得到的就是auto了。 即getComputedStyle并不是所有的时候都会得到数值 <style> div{width:100px;height:100px;background-color: yellowgreen;position: absolute;} </style> <body>.
js计算机样式window.getComputedStyle(ele,null)与
diebaiying3731的博客
03-14 378
一、getComputedStyle兼容IE8以上，范户籍的计算样式的值都是绝对值，没有相对单位(如：width:10em; 它打印出来是160px) window.getComputedStyle(div,null) <!DOCTYPE html> <html lang="en"> <head> <meta char...
getComputedStyle和currentStyle的使用方法
Dream_possible__的博客
08-09 679
getComputedStyle和currentStyle的使用方法getComputedStyle可获取当前元素的所有css属性，返回的是一个[object CSSStyleDeclaration]对象，用法为： var Div=document.getElementById('div'); var str=window.getComputedStyle(Div,null);//返回的是一个
window.getComputedStyle()方法的使用及其扩展
weixin_30294021的博客
04-28 606
1.window.getComputedStyle()方法返回值 是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 语法：var style = window.getComputedStyle("元素", "伪类"); //第二个参数选填 如果不查询伪类的话可以不填或填nul...
获取元素CSS值之getComputedStyle方法熟悉
精彩人生
05-21 1499
一、碎碎念~前言 我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。 对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用，至少对创造一些创意新颖的新技术拓宽了思路。 jQuery
getComputedStyle_tyle.rar_getComputedSty_getcomputedstyle
09-22
脚本中设置和获取某一个对象的样式中的各个属性和属性值！
用javascript getComputedStyle获取和设置style的原理
10-30
两天用了baidu 百度空间中的弹出窗口js，感觉不错，很强大，很好很简单的解决了好几个问题，界面友好度以及美化也好多了，以前都是硬邦邦window.open();
getComputedStyle与currentStyle获取样式(style/class)
09-05
通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下
getComputedStyle与style的区别
weixin_44064067的博客
07-18 816
getComputedStyle有两个参数，第一个参数传元素，第二个元素传伪类，在使用中若不获取伪类，可以把伪类项设置位null,可以避免兼容问题。 1.getComputedStyle是获取元素最终呈现的样式，style只能拿到行内style属性设置的属性，对于类似于的空标签，style拿不到属性，将返回空字符串。 2.getComputedStyle只能获取元素样式，style可以获取和更改。 <div style="margin-top: 1px;" id="box"></d
JavaScript之getComputedStyle()
hongchen_lian的博客
01-10 377
JavaScript之getComputedStyle() getComputedStyle() 方法用于获取指定元素的 CSS 样式。 首先是有两个参数，元素和伪类。第二个参数不是必须的，当不查询伪类元素的时候可以忽略或者传入 null。 使用示例： <style> #elem-container { width: 300px; height: 300...
jquery 样式获取设置值_jQuery的css样式设置和获取
weixin_39846364的博客
12-23 407
jQuery的css样式设置和获取jquery中没有style属性,css通过.css()设置，不但可以获取行内样式的值，也可以获取css设置的计算后样式,相当于js中getcomputedStylecss()的参数可以是两个,第二个是回调函数$("div").css("width",50); //不用加px$("div").css("width", function (index, item...
getComputedStyle 使用方法
m0_37588245的博客
12-05 1402
使用 Dom 的 getComputedStyle 方法获取元素的样式 以下代码的测试环境为：  - chrome canary 60  - Firefox 53.0.3  - opera 45.0  - IE 11,9,8 移动端的浏览器测试暂时未测试，有时间加上 　　之前偶尔有一次要更改伪类元素 ::after 的样式的时候看到过 getComputedStyle 方
js getComputedStyle 获取对像元素的计算后样式
352328759的博客
12-04 1871
getComputedStyle 能取到目标节点的计算后样式(最终生效的样式), 就是所见即所得 相对的 style 只能取到行内样式 修改样式表后, 能获取最新有效值 demo <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta na
window.getComputedStyle详解
WEBCODE
07-13 425
window.getComputedStyle 说明： getComputedStyle()返回元素的所有CSS属性的计算值 语法： var style = window.getComputedStyle(element[, pseudoElt]); 参数说明: element:目标元素的DOM对象 pseudoElt:指明要匹配的伪元素,对于普通元素必须指定为null(或省略)(o...
getComputedStyle方法获取元素CSS值
weixin_33850015的博客
08-11 418
javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要用getComputedStyle 1、getComputedStyle是？ getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回...
JS getComputedStyle() 与 currentStyle
ssisse的博客
09-08 1062
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在里面的属性。  <!– .ss{color:#cdcdcd;} –> JS获取CSS属性值 alert(do
JavaScript中style.left与offsetLeft的使用及区别详解
幻听
08-25 3063
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值， 这同offsetLeft是相同的，区别在于： 1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。 2. s
getcomputedstyle
最新发布
05-24
getComputedStyle() 是一个 JavaScript 方法，用于获取元素的计算样式（computed style）。它返回一个 CSSStyleDeclaration 对象，包含指定元素的所有计算样式属性。在 HTML 页面中，样式可以通过设置 style 属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值