js获取css属性值

最新推荐文章于 2022-11-02 16:54:00 发布

尘埃落定几时起

最新推荐文章于 2022-11-02 16:54:00 发布

阅读量425

点赞数 1

分类专栏： js 文章标签： javascript css

本文链接：https://blog.csdn.net/nidaye_a/article/details/51866353

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Element.style只能获取内嵌元素的值.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试各种js专用</title>
    <link rel="stylesheet" type="text/css" href="test.css">
    <style type="text/css">
    body{
        overflow-y:scroll;
        height:2000px;
    }
    #test {
      display: block;
     background-color: #eee;
     width: 500px;
    }
    </style>
</head>
<body>
    <div id = "test"  style="height:200px;">测试专用</div>
    <div οnclick="alert(event.type);">Div1 Element</div>
<script type="text/javascript">
//获取元素内联或外联样式
var width=window.getComputedStyle(document.getElementById("test") , null).width;
alert("外联样式:"+width);
//获取元素内嵌样式
console.log("内嵌样式:"+document.getElementById("test").style.width);
</script>
</body>
</html>