2017-05-07 55 views
0

兵的我怎麼可以點擊此圖片中顯示的按鈕image按「查看更多圖片按鈕」由JavaScript

我試圖找到關鍵字「查看更多圖片」,但一無所獲,我希望找到ID的按鈕,所以我可以點擊js按鈕。之後,你可以通過下面的指令

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

但必應的結果不喜歡這樣的作品,我怎麼可能通過單擊JS按鈕由JavaScript按下按鈕?我應該使用另一種解決方案來點擊按鈕(使用Bing API除外)。

回答

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的元素,因爲這是在頁面加載,而不是滾動後的源,按鈕只加載,你需要使用開發人員工具在滾動查找文本後查看當前源。

爲了找到I類的開發工具(在這裏,我發現顯示在源整個元素,但類可以將鼠標懸停在元素與元素選擇中可以看出)用鉻合金元素選擇工具

enter image description here

+0

謝謝,你怎麼能找到「看到更多的圖片」文本?我無法通過firefox或chrome的「查看頁面源代碼」功能找到它。 – StereoMatching

+0

使用chrome滾動直到出現,然後使用開發人員工具中的元素選擇器單擊它,使源查看器滾動到該點 –

+0

@StereoMatching請參閱編輯頂部,以瞭解在查看頁面源中找不到它的原因 –