上海启嘟渡科技商贸有限公司
SEARCH

与我们合作

我们专注提供互联网一站式服务,助力企业品牌宣传多平台多途径导流量。
主营业务:网站建设、移动端微信小程序开发、营销推广、基础网络、品牌形象策划等

您也可通过下列途径与我们取得联系:

微 信: wxyunyingzhe

手 机: 15624122141

邮 箱:

学习语言中,想知道怎么读取一个网页上的数值,网页源码中没有直接写出的

更新时间:2024-12-30 01:57:08

不要看源码......

在数字上右键,选择检查元素,应该会自动打开开发者工具,且跳转到相应的位置。这里显示的文档树是最终的,就是所有脚本执行完之后。

一定要选中它的话,可以看到它没有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

达到同样效果。

方法有很多,思路就是看他在文档中的层级结构,然后一步步缩小范围直到只选中想要的那个。

多重随机标签

猜你喜欢文章

QQ客服 电话咨询