用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标签里的内容去替换链接里的内容,从而达到更新链接的目的。因为重复的链接很多,可能有好几百,我不想一条一条的去设置链接。求大神指点,怎么写,或者还有没有其它的办法? 展开
<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标签里的内容去替换链接里的内容,从而达到更新链接的目的。因为重复的链接很多,可能有好几百,我不想一条一条的去设置链接。求大神指点,怎么写,或者还有没有其它的办法? 展开
2个回答
展开全部
这个简单啊:先给你的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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询