如何选择/使用元素的子元素。 Javascript答案

【问题标题】：How do I select/work with the child of an element. Javascript如何选择/使用元素的子元素。 Javascript
【发布时间】：2021-03-30 09:23:31
【问题描述】：

我的 html 中有一个标题，它有两个不同的类。根据我向下滚动的时间，它会发生变化。在 CSS 中，你选择带空格的后代。在我的情况下.navbar .menu-toggler 和.nav_sticky .menu-toggler。我成功通过var h = document.getElementsByClassName(id3)[0]; 选择.navbar（id3 为“导航栏”），但我想更改.menu-toggler 的样式而且我不能直接写.menu-toggler，因为当它与@ 类一起使用时我需要它987654328@ .我解释得太复杂了，但我希望有人能帮忙

oH 以及如何向元素添加类和删除类

【问题讨论】：

你试过像">"这样的css选择器吗（或者看看this question）？
欢迎来到 Stack Overflow！请不要将解决方案公告编辑到问题中。改为自己创建一个答案或接受现有答案之一。
您可以使用 element.classList.add('classToBeAdded') 和 element.classList.remove('classToBeRemoved') 添加或删除类
您已将问题标记为“jquery”。 jQuery 添加/删除类的方法是使用addClass 和removeClass 方法。例如：$('#my-element-id').removeClass('a-class').

标签： javascript jquery css

【解决方案1】：

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

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

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

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

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

【讨论】：

似乎是一个非常好的答案，虽然它不能解决我的问题。我有 <button class="menu-toggler" onclick="toggle_visibility('menu','body-remake','navbar')"> 和 .navbar .menu-toggler{ background:none; width: 35px; border: none; cursor: pointer; outline: none; z-index: 999; position:absolute; left:240px; top:21px; }。
function toggle_visibility(id3) { var menuToggler = document.querySelector(".navbar.menu-toggler"); if(e.style.left == '0px'){ //e is header// deleted that part menuToggler.style.left = '240px'; } else{ menuToggler.style.left = '15px'; } 基本上我希望按钮向左移动
我想我明白了。你有一些“.navbar”类的东西，其中包含一个“.menu-toggler”类的按钮。在这种情况下，您可以使用以下 sn-p：button = document.querySelector('.navbar').querySelector('.menu-toggler'); 尝试一下。