javascript - 如何使用 javascript 和 HTML 将变量设置为 ID 和类中的某些内容

Question

所以我有这个 HTML 代码，我想用 java 脚本调用按钮。这是我正在进行的 404 错误页面测试。代码位于 html 的正文中，一切正常。

<div class="contain" id="container">
        <div class="content" id="cont">
          <h2>404</h2>
          <h4>Opps! Page not found</h4>
          <p>The page you were looking for doesn't exist. You may have mistyped the adress or the page may            have moved</p>
          <a href="#">Back To Home</a>
        </div>
      </div>

但是我不知道如何为按钮设置 var(或 let 或 const)。当我尝试获取 id 然后获取类名然后获取按钮时出现错误。我什至尝试过这样的事情。

const buttons = document.getElementById("container").getElementById("cont").querySelector('a');

它给了我一个错误，因为它设置了 document.getElementById("container") = null;
我是 HTML 和 Javascript 的新手，所以任何事情都有帮助!谢谢

Answer 1

您可以使用 querySelector 方法吗:

var data = document.querySelector("#container #cont a");

console.log(data.href);

<div class="contain" id="container">
        <div class="content" id="cont">
          <h2>404</h2>
          <h4>Opps! Page not found</h4>
          <p>The page you were looking for doesn't exist. You may have mistyped the adress or the page may            have moved</p>
          <a href="#">Back To Home</a>
        </div>
      </div>