Js でスタイルを取得する一般的な方法

php中世界最好的语言
リリース: 2017-11-28 15:26:46
オリジナル
2523 人が閲覧しました

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 属性は、