<body>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<section>
<ul>
<li><a href="previous-page.html">Previous</a></li>
<li><a href="next-page.html">Next</a></li>
</ul>
</section>
</body>
我想选择 <li> 里面的内容<nav> 中的标签元素并将它们放入列表中，但不包括 <li> <section> 中的标签.
我试过这段代码，但它选择了整个页面上的所有列表元素:
let list = document.selectElementsByTagName('li')
我只能使用 vanilla JS，不能使用 jQuery。
最佳答案
其实就是getElementsByTagName...
但是你可以像这样使用 .querySelectorAll():
let list = document.querySelectorAll('nav li')
例子:
let list = document.querySelectorAll('nav li');
let list2 = document.querySelector('section ul'); // Use rather some ID man
Array.from(list).forEach( (el) => list2.append(el.cloneNode(true)) );section {
background: #eee;
}<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<section>
<ul>
<li><a href="previous-page.html">Previous</a></li>
<li><a href="next-page.html">Next</a></li>
</ul>
</section>关于javascript - 使用 JavaScript 选择子 HTML 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44789279/