javascript-如果从使用的样式表文件中指定了css类,如何获取完整的css信息

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如果从使用的样式表文件中指定了css类,如何获取完整的css信息，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1081字，纯文字阅读大概需要2分钟。

内容图文

我想通过单击详细找到应用类的完整CSS信息.喜欢

<div class="class1 class2">This is my div</div>

假设我在xyz.css文件中写了CSS

.class1{
   background-color:#999999;
   width:auto;
   overflow:hidden;
}

.class2{
   background-color:#856241;
   width:500px;
   overflow:hidden;
}

单击div之后,我要显示应用于div的所有css信息.
jQuery解决方案将是首选.

根据前几个答案,我得到了所有计算出的样式,但是我对我唯一应用的类样式细节感兴趣.

解决方法:

您可以通过以下方式获取元素的当前样式：

var elem = ...;
var css = document.defaultView ? document.defaultView.getComputedStyle(elem, null) : elem.currentStyle;

if ('length' in css) {
    // iterate over all property names
    for (var i = 0, l = css.length; i < l; ++i) {
        var propertyName = css[i];
        // get property value
        var value = css[propertyName];
        if (value != void 0) {
            console.log(propertyName+': '+value);
        }
    }
} else {
    // IE
    for (var propertyName in css) {
        // get property value
        var value = css[propertyName];
        if (value != void 0) {
            console.log(propertyName+': '+value);
        }
    }
}

在这里尝试：http://jsfiddle.net/P5WYC/2/

您可能还想尝试使用document.styleSheets(请参见http://www.quirksmode.org/dom/w3c_css.html)

内容总结

以上是互联网集市为您收集整理的javascript-如果从使用的样式表文件中指定了css类,如何获取完整的css信息全部内容，希望文章能够帮你解决javascript-如果从使用的样式表文件中指定了css类,如何获取完整的css信息所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端