扫码关注官方订阅号
如题,一般我们可以用someElement.style去获得元素的行内样式,那么该如何去获得元素的样式表样式呢,有办法能获取吗?
闭关修行中......
获取不到的,只能覆盖
昨天看了些资料,对于页面中style元素和link元素引入的样式表可以也利用DOM2 的css接口进行获取。 如: var mysheets = document.styleSheets //获取页面样式表集合,(link元素引入,style元素) 对于某个style元素: var mysheet=document.getElementsByTagName('style')[0].sheet
可以试下 点击这里
http://sandbox.runjs.cn/show/qqp5idjb 看这里的demo
window.getComputedStyle
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedSty...
jsgetComputedStyle(document.getElementById('wrap'))
js
getComputedStyle(document.getElementById('wrap'))
兼容:
jsvar CurrentStyle = function(e){ return e.currentStyle || document.defaultView.getComputedStyle(e, null); }
var CurrentStyle = function(e){ return e.currentStyle || document.defaultView.getComputedStyle(e, null); }
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
获取不到的,只能覆盖
昨天看了些资料,对于页面中style元素和link元素引入的样式表可以也利用DOM2 的css接口进行获取。
如:
var mysheets = document.styleSheets //获取页面样式表集合,(link元素引入,style元素)
对于某个style元素:
var mysheet=document.getElementsByTagName('style')[0].sheet
可以试下 点击这里
http://sandbox.runjs.cn/show/qqp5idjb 看这里的demo
window.getComputedStyle
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedSty...
兼容: