首页 / JAVASCRIPT / js原生获取css属性

js原生获取css属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js原生获取css属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含833字，纯文字阅读大概需要2分钟。

内容图文


原文参考http://blog.csdn.net/lzding/article/details/46317777

1.写在dom上的属性，内联样式
<div id="box" style="background-color:#ccc;margin-top:100px;"></div>
var oBox = document.getElementById(‘box‘)
console.log(oBox.style.width)

1)对于复合属性（如background），假设行间设置了样式：background-color:#333，不能通过 element.style.background 来获取（见上面例子）
2)css属性使用驼峰法，如 backgroundColor、marginTop等。


2.写在css中的属性，非内联样式（chrome）
var oBox = document.getElementById(‘box‘);
var a = getComputedStyle(oBox, null)[‘width‘]; // 100px

1)对于复合属性：使用 getPropertyValue 获取属性值时，不能使用驼峰写法，如：例子中的 getpropertyValue(‘backgroundColor‘) 无法正确获得值，而必须写成 background-color
2)另外，以下写法也正确：getComputedStyle(oBox, null)[‘backgroundColor‘]、getComputedStyle(oBox, null)[‘background-color‘]， 以及 getComputedStyle(oBox, null).backgroundColor 等

原文：http://www.cnblogs.com/victory820/p/7498668.html

内容总结

以上是互联网集市为您收集整理的js原生获取css属性全部内容，希望文章能够帮你解决js原生获取css属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1081385.html

来源：【匿名】