js获取css属性值的方法：1、通过元素对象的style属性获取，语法“元素对象.style.属性名”；2、通过getComputerStyle属性，语法“getComputerStyle.属性名”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
obj.style:
这个方法只能获取写在style属性中的值，而无法获取定义在 里面的属性
.ss{color:#cdcdcd;} JS获取CSS属性值 alert(document.getElementById(“css88″).style.width);//200px alert(document.getElementById(“css88″).style.color);//空白
登录后复制
obj.currentStyle与getComputerStyle
obj.currentStyle只有IE支持，而getComputerStyle在FireFox中支持，这个方法接受两个参数：要取得计算样式的元素和一个伪元素字符串（例如“；after”）。如果不需要伪元素信息，第二个参数可以为null。该方法返回一个CSSStyleDeclaration对象，其中包含当前元素的所有计算的样式。
计算元素样式 #myDiv { width:100px; height:200px; } var myDiv = document.getElementById("myDiv"); var computedStyle = document.defaultView.getComputedStyle(myDiv, null); alert(computedStyle.backgroundColor); //"red" alert(computedStyle.width); //"100px" alert(computedStyle.height); //"200px" alert(computedStyle.border); //在某些浏览器中是“1px solid black”
登录后复制
所以估计兼容浏览器，我们可以封装一个函数来获取一个元素的CSS属性值：
function getStyle(element, attr) { if(element.currentStyle) { return element.currentStyle[attr]; } else { return getComputedStyle(element, false)[attr]; }}
登录后复制
【相关推荐：javascript学习教程】
立即学习“前端免费学习笔记（深入）”；
以上就是js怎么获取css属性值的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2710484.html
