Question

我正在审核我的JavaScript并且无法解决这个问题。解决这个非常简单的问题我确定。我下面的函数不会读取所选对象的背景颜色。

＆＃13;

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <style>
    #myDiv {
      background-color: red;
      width: 200px;
      height: 200px;
    }
  </style>
</head>

<body>
  <div id="myDiv">
    <p id="hello">Hello</p>
  </div>
  <button id="btn">Click</button>
  <script type="text/javascript">
    var div = document.getElementById('myDiv');
    var btn = document.getElementById('btn');
    var hello = document.getElementById('hello');

    btn.addEventListener('click', color);

    function color() {
      var div = document.getElementById('myDiv');
      alert(div.style.backgroundColor);
    }
  </script>
</body>

</html>

＆＃13;

从此代码返回的警报为空。

这在w3school网站上看起来非常相似，但是我的不行。

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_backgroundcolor4

任何帮助将不胜感激！

从JavaScript中的元素获取值

0 个答案: