您现在的位置是：网站首页> 编程资料编程资料
获得css元素中的计算样式(层叠之后/最终样式)_心得技巧_网页制作_
2021-09-12
931人已围观
简介 要获得css元素中的计算样式(即经过层叠之后，最终的样式),支持W3C的浏览器可以使用document.defaultView.getComputedSyle方法，接下来为你详细介绍下，感兴趣的你可以参考下哈
要获得css元素中的计算样式(即经过层叠之后，最终的样式),支持W3C的浏览器可以使用document.defaultView.getComputedSyle方法。
该方法接受两个参数，第一个参数为要获得样式的元素，第二个参数为一个伪元素字符串(例如:":after",如果没有，就置为null)。
该方法返回一个StyleSheetDeclaration对象，在通过该对象的getPropertyValue(propertyName)获得最终的样式属性值。注意，这里的proprtyName为wrold-world类型(如: background-color)。
而IE中使用element.currentStyle[propertyName]方法，注意这里的propertyName为worldWorld类型(如:backgroundColor)。
该方法接受两个参数，第一个参数为要获得样式的元素，第二个参数为一个伪元素字符串(例如:":after",如果没有，就置为null)。
该方法返回一个StyleSheetDeclaration对象，在通过该对象的getPropertyValue(propertyName)获得最终的样式属性值。注意，这里的proprtyName为wrold-world类型(如: background-color)。
而IE中使用element.currentStyle[propertyName]方法，注意这里的propertyName为worldWorld类型(如:backgroundColor)。
相关内容
- 网页加载时左右跳动原因分析及解决方法_心得技巧_网页制作_
- 网页设计中的6个小技巧分享_心得技巧_网页制作_
- 使用字符代替图片实现圆角或尖角效果研究_心得技巧_网页制作_
- css元素隐藏原理及display:none和visibility:hidden_心得技巧_网页制作_
- 去掉a标签和按钮加背景图片虚线/阴影完美解决方案_心得技巧_网页制作_
- 网页图片优化工具及使用技巧分享_心得技巧_网页制作_
- IE6/7下a.getAttribute(href,2)的问题分析及解决_心得技巧_网页制作_
- css float属性 图解float属性的点点滴滴_心得技巧_网页制作_
- 使用谷歌网页字体无限制的添加字体到您的网站_心得技巧_网页制作_
- 五条准则帮你写出可维护的css代码_心得技巧_网页制作_
