javascript - 通过 javascript 按 Bing 的 "See more images button"

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 中右键菜单下的查看页面源代码找到该元素，因为这是页面加载时的源代码，而不是滚动后的源代码，并且该按钮仅在滚动后加载，您滚动查找文本后需要使用开发者工具查看当前源。

为了查找类，我在开发人员工具中使用了 chromes 元素选择器工具(此处我展示了如何在源中查找整个元素，但可以通过使用元素选择器将鼠标悬停在元素上来查看该类):