javascript - 如何选择/使用元素的子元素。Javascript

Question

我的 html 中有一个标题，它有两个不同的类。根据我向下滚动的时间，它会发生变化。在 CSS 中，你选择带空格的后代。就我而言.navbar .menu-toggler，并且.nav_sticky .menu-toggler. 我成功地选择了.navbarvia var h = document.getElementsByClassName(id3)[0];（id3 是“navbar”），但我想改变的风格.menu-toggler而且我不能直接写，.menu-toggler因为当它与 . 的类一起使用时我需要它.navbar 。我的解释过于复杂，但我希望有人能提供帮助

哦，我如何添加一个类并将一个类删除到一个元素

Answer 1

我猜你可以使用 document.querySelector 来访问切换器。

var menuToggler = document.querySelector(".navbar.menu-toggler");

您将在其 classList 中获得包含 .navbar 和 .menu-toggler 的项目。

我不认为通过索引访问孩子是一个好习惯。如果您的 HTML 文档得到更新，您的索引可能会指向另一个 DOM 元素。

检查此答案以获取更多信息https://stackoverflow.com/a/59406548/9517443