如何获取网页中指定元素的属性的值

function getStyle(obj,name)
{
    //ie获取样式信息
    if(obj.currentStyle)
    {
        return obj.currentStyle[name]
    }
    //其他浏览器获取样式信息
    else
    {
        return getComputedStyle(obj,false)[name]
    }
}

网上关于getComputedStyle的介绍第二个参数应该设置为null,不过试了是false也是可以的

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>getStyle Demo</title>
    <style type="text/css">
        .div{
            display: block;
        }
    </style>
</head>
<div id="div"><p>文字</p></div>
<body>
    <script type="text/javascript">

        function getStyle(obj,name)
        {
        //ie获取样式信息
            if(obj.currentStyle)
            {
                return obj.currentStyle[name]
            }
        //其他浏览器获取样式信息
            else
                {
                return getComputedStyle(obj,false)[name]
                }
        }
        var div1=document.getElementById("div");
        console.log(getStyle(div1,"display"));
    </script>
</body>
</html>

 

你可能感兴趣的:(如何获取网页中指定元素的属性的值)