如何选择js中元素的所有li子元素

Question

如何选择js中元素的所有li子元素

我想选择这个项目的所有li元素（直接子元素，盛大子元素）

document.querySelectorAll(".stellarnav li.has-sub").forEach(item =>{
    item.addEventListener("click", function(){
        console.log(item)
        // to make you understand I described it below in css language
        // in CSS language it is like this: item li

        // then I want to removeAttribute from the all the child
        // like this
        document.querySelectorAll(`${item} li`).forEach(childItem =>{
            childItem.removeAttribute("open");
        })
        // how can I achive this thing to select all the li childs
        // here I tried it but this is not valid
    })
});```

Answer 1

只要运行这个。查询选择器all（'li'）。弗雷奇（李）=

这是一个文档查询选择所有文档

测试代码：

document.querySelectorAll(".nav li.has-sub").forEach(item =>{
      
  item.addEventListener("click", function(){
      this.querySelectorAll('li').forEach(li=>li.removeAttribute("open"));
  })
})

li[open]{
  color: red;
}
.nav >li{
  margin: 10px
}

<ul class='nav'>
  <li class='has-sub'>
     this is has-sub li 1
    <ul>
      <li open>
        this is open
      </li>
      <li open>
        this is open
      </li>
      <li>   this is another li
      </li>
    </ul>
  </li>
  <li class='has-sub'>
     this is has-sub li 2
    <ul>
      <li open>
        this is open
      </li>
      <li open>
        this is open
      </li>
      <li> this is another li
      </li>
    </ul>
  </li>
  <li>
     this is li 3
    <ul>
      <li open>
        this is not has-sub open
      </li>
      <li open>
       this is not has-sub open
      </li>
      <li>  this is another li
      </li>
    </ul>
  </li>
</ul>