javascript - 在 JavaScript 上访问 DOM

Question

我正在尝试获取 ul 标签内 a 标签的 textContent。问题是，当我访问控制台时，它返回“null”而不是元素。我不知道我做错了什么。希望您能帮助我，谢谢。

HTML code

JS code

另一方面，控制台返回给我 HTMLCollection，但我无法从那里获取任何内容，因为我不知道从那里获取内容的语法，我得到的只是“未定义”。

<div class="dropdown">
         <ul class="navbar-nav mr-auto ">

            <li class="nav-item">
                <a id="resumen" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"> Productos 0 | Precio 0€ </a>
                <ul id="productos" class="dropdown-menu">


                </ul>

            </li>

         </ul>
</div>

JS:

var resumen2 = document.getElementsByClassName("nav-link dropdown-toggle");
var resumen =  document.getElementById("resumen");
console.log(resumen);
console.log(resumen2.textContent);

Answer 1

将 script 标记放在正文末尾，或向其添加 defer 属性。