javascript - 如何使用querySelectorAll获取YouTube channel 名称？

Question

OUTPUT : Console
URL: https://www.youtube.com/feed/trending?gl=IN

document.querySelectorAll('a[class="yt-simple-endpoint style-scope yt-formatted-string"]')[0].innerText;

document.querySelectorAll('a[class="yt-simple-endpoint style-scope yt-formatted-string"]')[1].innerText;

问题:为什么控制台上的OUTPUT中有重复项(单击上图)？有人可以解释这里发生了什么吗？如何检索唯一 channel 名称？

Answer 1

试试这个:

document.querySelectorAll('#meta a.yt-simple-endpoint.style-scope.yt-formatted-string')[1].innerText;

中还有另一个隐藏的元素，其ID为'channel-info'，具有相同的类集。您可以按F12，然后按CTRL-F搜索该组类以查看重复的类。

关于javascript - 如何使用querySelectorAll获取YouTube channel 名称？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63859950/