因為經常用到某個網站中的二維碼信息,每次都需要手動打開網站,滑到對應的地方,點擊一個鏈接才能打開圖片,因此想着用一個腳本去獲取這個信息。正好js可以很方便的操作HTML的DOM,所以寫了一個簡單的函數來試試手。
打開網頁,打開瀏覽器的調試工具,獲取對應的頁面信息,發現其所在的節點后可以使用如下函數來獲取href的值。
js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].getAttribute('href')
這個函數返回的值是a標簽的href的值,地址如:"img/qr/xxx.png",但是這個值我們不能直接拿來用因此需要另外一種方式。如下:
js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].href
這個返回的數據則為:
"http://example.com/img/qr/xxx.png"
這個正是我想要的。。如果有更深入,會繼續更新。