我只是尝试新事物。这是https://lodash.com/docs/4.17.15 lodash docs网站,左侧是具有所有功能的菜单。我想知道是否有任何方法可以在控制台中提取这些TD元素的所有名称?
我发现有324个元素
document.querySelectorAll('react-menu-container ul > li')
现在我需要提取每个名称。
使用Array#from
将您document.querySelectorAll('react-menu-container ul > li')
转换为数组,然后Array#map
遍历结果并获取每个项目的文本内容。
您也忘记了.
前面的react-menu-container
。
const res = Array.from(document.querySelectorAll('.react-menu-container ul > li')).map(item=>item.textContent);
console.log(res);
<div class="react-menu-container"><ul class=""><li class=""><a href="https://lodash.com/docs/4.17.15#countBy"><code><span class="subtle-punctuation">_.</span><!-- react-text: 344 -->countBy<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#forEach"><code><span class="subtle-punctuation">_.</span><!-- react-text: 349 -->each -> forEach<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#forEachRight"><code><span class="subtle-punctuation">_.</span><!-- react-text: 354 -->eachRight -> forEachRight<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#every"><code><span class="subtle-punctuation">_.</span><!-- react-text: 359 -->every<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#filter"><code><span class="subtle-punctuation">_.</span><!-- react-text: 364 -->filter<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#find"><code><span class="subtle-punctuation">_.</span><!-- react-text: 369 -->find<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#findLast"><code><span class="subtle-punctuation">_.</span><!-- react-text: 374 -->findLast<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#flatMap"><code><span class="subtle-punctuation">_.</span><!-- react-text: 379 -->flatMap<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#flatMapDeep"><code><span class="subtle-punctuation">_.</span><!-- react-text: 384 -->flatMapDeep<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#flatMapDepth"><code><span class="subtle-punctuation">_.</span><!-- react-text: 389 -->flatMapDepth<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#forEach"><code><span class="subtle-punctuation">_.</span><!-- react-text: 394 -->forEach<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#forEachRight"><code><span class="subtle-punctuation">_.</span><!-- react-text: 399 -->forEachRight<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#groupBy"><code><span class="subtle-punctuation">_.</span><!-- react-text: 404 -->groupBy<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#includes"><code><span class="subtle-punctuation">_.</span><!-- react-text: 409 -->includes<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#invokeMap"><code><span class="subtle-punctuation">_.</span><!-- react-text: 414 -->invokeMap<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#keyBy"><code><span class="subtle-punctuation">_.</span><!-- react-text: 419 -->keyBy<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#map"><code><span class="subtle-punctuation">_.</span><!-- react-text: 424 -->map<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#orderBy"><code><span class="subtle-punctuation">_.</span><!-- react-text: 429 -->orderBy<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#partition"><code><span class="subtle-punctuation">_.</span><!-- react-text: 434 -->partition<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#reduce"><code><span class="subtle-punctuation">_.</span><!-- react-text: 439 -->reduce<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#reduceRight"><code><span class="subtle-punctuation">_.</span><!-- react-text: 444 -->reduceRight<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#reject"><code><span class="subtle-punctuation">_.</span><!-- react-text: 449 -->reject<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#sample"><code><span class="subtle-punctuation">_.</span><!-- react-text: 454 -->sample<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#sampleSize"><code><span class="subtle-punctuation">_.</span><!-- react-text: 459 -->sampleSize<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#shuffle"><code><span class="subtle-punctuation">_.</span><!-- react-text: 464 -->shuffle<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#size"><code><span class="subtle-punctuation">_.</span><!-- react-text: 469 -->size<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#some"><code><span class="subtle-punctuation">_.</span><!-- react-text: 474 -->some<!-- /react-text --></code></a></li><li class=""><a href="https://lodash.com/docs/4.17.15#sortBy"><code><span class="subtle-punctuation">_.</span><!-- react-text: 479 -->sortBy<!-- /react-text --></code></a></li></ul></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句