用JS根据指定标签内容更新并调取链接

<divclass="classlist"><divclass="classmenu"><ahref="#"target="_blank"><li>第<span>001<... <div class="classlist">
<div class="classmenu">
<a href="#" target="_blank"><li>第<span>001</span>课</li></a>
<a href="#" target="_blank"><li>第<span>002</span>课</li></a>
<a href="#"target="_blank"><li>第<span>003</span>课</li></a>
</div>
</div>

# 代表的是 edu/001/index.html edu/002/index.html edu/003/index.html 这样的链接
如上,链接是城的 001 002 003 是与后面span标签里的内容一致的,我想通过JS 用 span标签里的内容去替换链接里的内容,从而达到更新链接的目的。因为重复的链接很多,可能有好几百,我不想一条一条的去设置链接。求大神指点,怎么写,或者还有没有其它的办法?
展开
 我来答
谭加巧
推荐于2016-02-13 · TA获得超过186个赞
知道小有建树答主
回答量:230
采纳率:79%
帮助的人:103万
展开全部
这个简单啊:先给你的class="classmenu"的div设置一个id,比如id="menudiv"
<script>
//获取所有的菜单链接

var alist = document.getElementById("menudiv").getElementsByTagName("a");

//循环设置a标签的href

for(int i=0;i<alist.length;i++){
//这里要把i设置成3位数

var i3 = "";

if(i < 10){
i3 = "00"+i;

}else if(i>=10 && i<100){
i3 = "0"+i;

}

alist[i].href = "edu/"+i3+"/index.html";

}

</script>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-01-10
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
    {
    var as = document.getElementsByTagName ('a');
    for ( var i = 0; i < as.length; i++)
    {
    var asi = as[i], txt = asi.innerHTML.replace (/[^\d]/g, '');
    asi.setAttribute ('href', 'edu/' + txt + '/index.html');
    }
    }
</script>
</head>
<body>
<div class="classlist">
<div class="classmenu">
<a href="#" target="_blank"><li>第<span>001</span>课</li> </a> <a href="#" target="_blank"><li>第<span>002</span>课</li> </a> <a href="#"
target="_blank"><li>第<span>003</span>课</li> </a>
</div>
</div>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式