通过控制台获取TD元素中的所有名称

我只是尝试新事物。这是https://lodash.com/docs/4.17.15 lodash docs网站,左侧是具有所有功能的菜单。我想知道是否有任何方法可以在控制台中提取这些TD元素的所有名称?

我发现324个元素带有

document.querySelectorAll('react-menu-container ul > li')

现在我需要提取每个名称。

byqzhx 回答:通过控制台获取TD元素中的所有名称

使用Array#fromdocument.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 -&gt; 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 -&gt; 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>

本文链接:https://www.f2er.com/3166283.html

大家都在问