如何用JavaScript点击页面右下角的Next链接？（含多种实现思路）

正确方案推荐 #

你已经拿到了最准确的CSS选择器.a-last > a，直接用这个是最稳妥的，代码如下：

const nextLink = document.querySelector(".a-last > a");
if (nextLink) { // 先判断元素是否存在，避免找不到时报错
  nextLink.click();
}

你的尝试问题分析 #

1. 使用类名的代码：
   这段逻辑是对的，document.getElementsByClassName("larr")会返回所有带larr类的元素集合，取索引[1]就是第二个元素。但要注意如果页面结构变化，这个元素的索引可能改变，不如.a-last > a稳定。另外建议加元素存在判断：

   const pushNext = document.getElementsByClassName("larr")[1];
   if (pushNext) {
     pushNext.click();
   }
   

2. 使用querySelector(".larr")[1]：
   这里有个错误，querySelector只会返回第一个匹配到的元素，不是集合，所以不能用[1]取第二个。如果要选第二个带larr类的元素，得用querySelectorAll（返回所有匹配元素的集合）：

   const pushNext = document.querySelectorAll(".larr")[1];
   if (pushNext) {
     pushNext.click();
   }
   

3. 获取所有a标签点击最后一个：
   document.getElementsByTagName("a")返回所有a标签的集合，要取最后一个需要用集合长度减1作为索引，再调用click：

   const allLinks = document.getElementsByTagName("a");
   if (allLinks.length > 0) {
     const lastLink = allLinks[allLinks.length - 1];
     lastLink.click();
   }
   

   这个方法风险很高，只要页面新增其他a标签就会点错目标，不推荐。

内容的提问来源于stack exchange，提问作者Sockie