简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Js获取获取样式的常见方式

php中世界最好的语言
Lepaskan： 2017-11-28 15:26:46
asal
2549 orang telah melayarinya

我们知道在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>
Salin selepas log masuk

通过使用element.style属性来获取

<script>
  var div = document.getElementsByTagName("div")[0];
  console.log(div.style.color); //""
  console.log(div.style.backgroundColor); //red
</script>
Salin selepas log masuk

element.style属性只能获取行内样式，不能获取