HTML JS点击链接自动给链接加class
<ahref="javascript:;"onclick="javascript:Insert('哈哈哈')">哈</a><ahref="javascript:;"onc...
<a href="javascript:;" onclick="javascript:Insert('哈哈哈')">哈</a>
<a href="javascript:;" onclick="javascript:Insert('啊啊啊')">啊</a>
<a href="javascript:;" onclick="javascript:Insert('喝喝喝')">喝</a>
如何实现上面的链接，点击后会给 a标签里面加上 class="sel" ，点击另外一个会取消之前那一个class。
如：点击第一个链接，那么会变成<a class="sel" href="javascript:;" onclick="javascript:Insert('哈哈哈')">哈</a>
点击第二个链接，那么第一个链接的class就会消失，第二个链接就会加上class="sel"
求高手给个完整代码，本人是菜鸟，只想修改个东西 展开
<a href="javascript:;" onclick="javascript:Insert('啊啊啊')">啊</a>
<a href="javascript:;" onclick="javascript:Insert('喝喝喝')">喝</a>
如何实现上面的链接，点击后会给 a标签里面加上 class="sel" ，点击另外一个会取消之前那一个class。
如：点击第一个链接，那么会变成<a class="sel" href="javascript:;" onclick="javascript:Insert('哈哈哈')">哈</a>
点击第二个链接，那么第一个链接的class就会消失，第二个链接就会加上class="sel"
求高手给个完整代码，本人是菜鸟，只想修改个东西 展开
1个回答
展开全部
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style>
.sel{
font-weight: bolder;
color: red;
}
</style>
<script type="text/javascript">
var obj;
function Insert(num){
obj[0].setAttribute('class',' ');
obj[1].setAttribute('class',' ');
obj[2].setAttribute('class',' ');
obj[num].setAttribute('class','sel');
}
window.onload = function(){
obj = document.getElementsByTagName('a');
}
</script>
</head>
<body>
<div>
<a href="javascript:;" onclick="javascript:Insert(0)">哈</a>
<a href="javascript:;" onclick="javascript:Insert(1)">啊</a>
<a href="javascript:;" onclick="javascript:Insert(2)">喝</a>
</div>
</body>
</html>
更多追问追答
追问
大神，我这个Insert() 里面的内容一些文字的。不能用来做0 1 2 能否加个其他的
追答
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style>
.sel{
font-weight: bolder;
color: red;
}
</style>
<script type="text/javascript">
var obj;
function change(num){
obj[0].setAttribute('class',' ');
obj[1].setAttribute('class',' ');
obj[2].setAttribute('class',' ');
obj[num].setAttribute('class','sel');
}
function Insert(){
}
window.onload = function(){
obj = document.getElementsByTagName('a');
}
</script>
</head>
<body>
<div>
<a href="javascript:;" onclick="javascript:Insert('哈哈哈');change(0)">哈</a>
<a href="javascript:;" onclick="javascript:Insert('啊啊啊');change(1)">啊</a>
<a href="javascript:;" onclick="javascript:Insert('喝喝喝');change(2)">喝</a>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
