js获取页面中a标签href网址的方法

在制作网站过程中,需要使用js批量获取页面下a标签href属性中的网址如何实现呢?可以参考下面的代码:

<html>
<body>
    <a href="http://www.aa.com/1.html">我是1</a>
    <a href="http://www.aa.com/2.html">我是2</a>
    <a href="http://www.aa.com/3.html">我是3</a>
    <a href="http://www.aa.com/4.html">我是4</a>
    <a href="http://www.aa.com/5.html">我是5</a>
    
<button onclick="geturl()">获取连接</button>
</body>
</html>
<script>
    function geturl(){
    	var urlarr = document.getElementsByTagName('a');
    	for(var i=0; i<urlarr.length; i++){
    		hrefurl = urlarr[i].href;
    		console.log(hrefurl);	
    	}
    }
</script>


通过上面的js代码就可以把页面中的url提取出来了。当然,如果你要提取指定div下的url,就改下获取的选择器就好了。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-248.html

如有疑问请联系 QQ:644233191   微信:zw1688k