Question

    <!DOCTYPE html>
    <html>
      <head>
        <title>JavaScript and the DOM</title>
        <link rel="stylesheet" href="css/style.css">
      </head>
      <body>
        <h1 id="myHeading">JavaScript and the DOM</h1>
        <p>Making a web page interactive</p>
        <script src="app.js"></script>
      </body>
    </html>

这是我的html代码，我写的js就在这里

    const myHeading = document.getElementById('myHeading');

    myHeading.addEventListener('click', () => {
      myHeading.style.color='blue';
    });

这很简单但是由于某些原因h1标签在点击事件上似乎没有变成蓝色？

Answer 1

当js执行时，也许你的dom还没准备好。试试这个

document.addEventListener("DOMContentLoaded", function() {
// your code
 })

无法获得点击事件来更改h1属性

1 个答案: