码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-07-01 17:24:22      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:nbsp   点击   页面   地方   tag   document   blog   方便   div   

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

标签:nbsp   点击   页面   地方   tag   document   blog   方便   div   

原文地址:http://www.cnblogs.com/fogcell/p/7102613.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!