JavaScript获取CSS样式表属性值的方法
作者:流萤时间:2026-10-30 12:26:00浏览:227
本文介绍了一种在JavaScript中获取页面引用CSS样式表属性值的通用方法。该方法兼容不同浏览器,通过判断node.style、currentStyle以及getComputedStyle来准确获取元素样式,适用于需要动态读取或修改CSS属性的场景。
JavaScript获取CSS样式表属性值的方法
具体实现代码如下所示:
function getStyle(node, property){
if (node.style[property]) {
return node.style[property];
}
else if (node.currentStyle) {
return node.currentStyle[property];
}
else if (document.defaultView && document.defaultView.getComputedStyle) {
var style = document.defaultView.getComputedStyle(node, null);
return style.getPropertyValue(property);
}
return null;
}
上述内容即为JavaScript获取页面中CSS样式表属性值的推荐实现方式,供各位开发者参考使用,欢迎持续关注本站获取更多技术分享。
作者最新文章
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件:addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别:运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址:GitHub Release 获取预编译包
2026-11-04 23:07:27
