首頁 > web前端 > js教程 > 主體

Js取得取得樣式的常見方式

php中世界最好的语言
發布: 2017-11-28 15:26:46
原創
2577 人瀏覽過

我們知道在JS裡如果要操作CSS,那麼最重要的就是取得樣式,以下就帶給大家一篇JS取得樣式最常見的幾種方法,給大家作為參考。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    div{
      color:yellow;
    }
  </style>
</head>
<body>
  <div style="width:100px;height:100px;background-color:red">This is div</div>
</body>
</html>
登入後複製

透過使用element.style屬性來取得

<script>
  var div = document.getElementsByTagName("div")[0];
  console.log(div.style.color); //""
  console.log(div.style.backgroundColor); //red
</script>
登入後複製

element.style屬性只能取得行內樣式,不能取得