當前位置:編程學習大全網 - 網站源碼 - 學習語言中,想知道怎麽讀取壹個網頁上的數值,網頁源碼中沒有直接寫出的

學習語言中,想知道怎麽讀取壹個網頁上的數值,網頁源碼中沒有直接寫出的

不要看源碼......

在數字上右鍵,選擇檢查元素,應該會自動打開開發者工具,且跳轉到相應的位置。這裏顯示的文檔樹是最終的,就是所有腳本執行完之後。

壹定要選中它的話,可以看到它沒有id,只有class名是tm-price,第壹種方法是

document.getElementsByClassName("tm-price")

,但可能多個元素都屬於壹個class,這樣會返回包含多個元素的數組,經過觀察發現,數組裏只有兩個元素,還有壹個class是tm-price的元素是下面「價格」處被打了刪除線的,紅色的價格總是在它的前面,即總是數組的第壹個元素。所以可以:

document.getElementsByClassName("tm-price")[0]?

//?選擇第壹個class為tm-price的元素

獲取內部的數字的話就簡單了,.innerHTML,想必妳知道。

還可以用

document.querySelectorAll(".tm-price")

這裏的參數是壹個css選擇器,.tm-price就代表「class為tm-price」。他現在的作用和getElementsByClassName壹樣。進壹步可以用

document.querySelectorAll(".tm-promo-price?.tm-price")

//?選擇所有.tm-promo-price中的.tm-price

達到同樣效果。

方法有很多,思路就是看他在文檔中的層級結構,然後壹步步縮小範圍直到只選中想要的那個。

  • 上一篇:小程序代理怎麽做?有靠譜的小程序代理公司嗎?
  • 下一篇:qt 64 位編程和32位編程的區別
  • copyright 2024編程學習大全網