如何使用Javascript将以下代码div（navcnt）存储在数组对象中的数组对象中

实际上，我的页面中有以下代码。我有（navcnt）的DIV ID。我需要所有锚标记URL才能使用Javascript存储一个数组对象。我使用var x=document.getElementById("navcnt")但我如何从x变量获取URL。如何使用Javascript将以下代码div（navcnt）存储在数组对象中的数组对象中

<div id="navcnt"> 
<table id="nav" style="border-collapse:collapse;text-align:left;margin:30px auto 30px"> 
<tbody> 
<tr valign="top"> 
<td class="b navend"> 
<a id="pnprev" class="pn" style="text-decoration:none" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=40&sa=N&biw=1366&bih=363"> 
</td> 
<td> 
<a class="fl" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=0&sa=N&biw=1366&bih=363"> 
<span class="csb gbil ch" style="background:url(/images/nav_logo170_hr.png) no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span>1 
</a> 
</td> 
<td> 
<a class="fl" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=10&sa=N"> 
<span class="csb gbil ch" style="background:url(/images/nav_logo170_hr.png)  no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span> 
2 
</a> 
</td> 
<td> 
<a class="fl" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=20&sa=N"><span class="csb gbil ch" style="background:url(/images/nav_logo170_hr.png) no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span> 
3</a> 
</td> 
<td> 
<a class="fl" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=30&sa=N"><span class="csb gbil ch" style="background:url(/images/nav_logo170_hr.png)no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span> 
4 
</a> 
</td> 
<td> 
<a class="fl" href="https://stackoverflow.com/search?q=spring+mvc+login+example&ei=ydgFU9n8HYulrQfXhoDADg&start=40&sa=N"><span class="csb gbil ch" style="background:url(/images/nav_logo170_hr.png) no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span> 
5 
</a> 
</td> 
</tr> 
</tbody> 
</table>

来源

2014-02-20 Sathiyaraj

仅使用JavaScript，您应该能够做到如下：

var list, href, i; 
var urlsList = new Array(); 
list = document.getElementById('navcnt').getElementsByTagName('a'); 
for(i=0;i<list.length;i++) { 
    urlsList.push(list[i].href); 
}

来源

2014-02-20 11:13:34 John

谢谢。它工作正常 – Sathiyaraj

您可以使用jQuery来做到这一点，首先让你的navcnt格：

var navcnt = $('navcnt');

然后你就可以例如解析所有停泊在前面的变量和存储所有的阵列中的网址：

var urlsList = new Array(); 
$('a', navcnt).each(function(){ 
    urlsList.push(this.attr('href')); 
});

来源

2014-02-20 10:59:21

首先我说谢谢你的回答。我只需要javascript逻辑 – Sathiyaraj

如何使用Javascript将以下代码div（navcnt）存储在数组对象中的数组对象中

回答

相关问题