javascript - Chrome书签可展开所有页面链接

标签 javascript jquery google-chrome bookmarklet

如何创建 Chrome 书签来展开更多示例链接,这样我就不必分别单击每个链接: http://www.learnersdictionary.com/definition/take
小书签应该只需单击一下即可打开所有更多示例链接。

最佳答案

.querySelectorAll.click

要单击所有这些按钮,首先,您需要知道如何选择它们。

经检查,按钮父级的classvi_more。因此,要直接在其中定位 a,我们可以执行 document.querySelectorAll('.vi_more>a')For more on document.querySelectorAll, visit the MDN Web Docs.

获得 NodeList 填充的 HTMLAnchorElement 实例后,我们可以使用 .forEach 迭代它们,并使用 单击每个实例>link.click()For more on HTMLElement.click, visit the MDN Web Docs.

您的书签如下:

javascript:document.querySelectorAll('.vi_more>a').forEach(link => link.click())

关于javascript - Chrome书签可展开所有页面链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51220697/

相关文章:

javascript - jquery 中的 Textarea 计数器

javascript - PaymentRequest API 未定义

javascript - 在 v-for 中单击时如何更改所选 Bootstrap Vue 卡的边框变体

javascript - 当 Facebook 连接速度减慢时,网站加载速度缓慢

javascript - ng-show 与 ng-hide 的性能对比

jquery - 圆滑的轮播 - 删除底部边距时遇到问题

javascript - 在 Chrome 中使用 JavaScript POST 将自定义 cookie 发送到另一个域

javascript - console.dir 和 console.log 有什么区别?

javascript - 带圆 Angular 的 Canvas clearRect

javascript - html5 canvas 中的 OffsetX 适用于 IE、Safari、Chrome,但不适用于 Firefox