不要看源碼......
在數字上右鍵,選擇檢查元素,應該會自動打開開發者工具,且跳轉到相應的位置。這裏顯示的文檔樹是最終的,就是所有腳本執行完之後。
壹定要選中它的話,可以看到它沒有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
達到同樣效果。
方法有很多,思路就是看他在文檔中的層級結構,然後壹步步縮小範圍直到只選中想要的那個。