按javascript的Bing的“查看更多图片按钮”

Question

我如何单击此图中显示的按钮

我尝试找到关键字“查看更多图片”，但什么也没找到，我希望找到按钮的ID，以便可以通过js单击按钮。 之后，您可以按照以下说明通过javascript按下按钮

document.getElementById(\"button_id\").click()

但是Bing的结果不能那样工作，怎么用js单击按钮？ 我是否应该使用其他解决方案单击按钮（使用Bing api除外）。

Answer 1

在Bing上快速搜索猫并向下滚动直到按钮出现后，您可以看到按钮的定义是：

<a class="btn_seemore" role="button" href="javascript:void(0);" h="ID=images.6059_3,5554.1">See more images</a>

由于该类是btn_seemore并且这是该类在页面上的唯一出现，因此您可以简单地使用：

document.getElementsByClassName("btn_seemore")[0].click()

或者最好（如果尚未加载按钮）：

var b = document.getElementsByClassName("btn_seemore")[0];
if(b){
    b.click();
}

编辑：

您无法使用chrome右键菜单下的“ View page source来查找元素，因为这是页面加载而不是滚动后加载的源，并且按钮仅在滚动后加载，您需要使用开发者工具来查看当前滚动查找文本后的源代码。

为了找到该类，我在开发人员工具中使用了chromes元素选择器工具（此处显示了在源代码中查找整个元素，但是可以通过将元素悬停在元素选择器上来查看该类）：