首页 > 代码库 > 使用JS获取HTML文档中的<a>标签的href值。

使用JS获取HTML文档中的<a>标签的href值。

因为经常用到某个网站中的二维码信息,每次都需要手动打开网站,滑到对应的地方,点击一个链接才能打开图片,因此想着用一个脚本去获取这个信息。正好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"

这个正是我想要的。。如果有更深入,会继续更新。

使用JS获取HTML文档中的<a>标签的href值。