mark: firefox获取dom节点css属性

最新推荐文章于 2022-05-23 16:08:20 发布

zwd2005

最新推荐文章于 2022-05-23 16:08:20 发布

阅读量665

点赞数

分类专栏： Javascript 文章标签： firefox css firebug border function

本文链接：https://blog.csdn.net/zwd2005/article/details/3360805

版权

Javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

https://developer.mozilla.org/En/DOM/Window.getComputedStyle
以前写过一个笨方法来获取，ff自身就提供了一个方法（获取自firebug）

 
 <html>
    <head>
        <style>
        div {
            border: 1px solid red;  
        }
        #main {
            width: 400px;
            height: 300px;
        }   
        #top {
            margin: 20px;
            padding: 10px;  
            height: 50px;
        }
        </style>
    </head>
    <body>
        <div id="main">
            <div id="top">
                Hello
            </div>
        </div>
    </body>
    <script type="text/javascript">
    function $(id) {
        return document.getElementById(id);
    }
    function test() {
        var win = $('top').ownerDocument.defaultView;
        var style = win.getComputedStyle($('top'), "");
        var val = style.getPropertyCSSValue('margin-top').cssText;
        alert(val);
    }
    test();
    </script>
</html>
 

zwd2005

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
mark: firefox获取dom节点css属性

https://developer.mozilla.org/En/DOM/Window.getComputedStyle以前写过一个笨方法来获取，ff自身就提供了一个方法（获取自firebug）html> head> style> div { border: 1px solid red; } #main {
复制链接

扫一扫

专栏目录