js控制a标签样式
<divid="box"><aclass="m">1</a><aclass="m">2</a><aclass="m">3</a>...<aclass="m">N</a><...
<div id="box">
<a class="m">1</a>
<a class="m">2</a>
<a class="m">3</a>
.
.
.
<a class="m">N</a>
</div>
在一个id为box的div中，包含N个a标签，要实现如下效果：当点击其中一个a时，该a的class变为n；当点击另一个a时，该a的class变为n，前一次点击的a的class恢复为m。
请问如何用js代码实现此效果？ 展开
<a class="m">1</a>
<a class="m">2</a>
<a class="m">3</a>
.
.
.
<a class="m">N</a>
</div>
在一个id为box的div中，包含N个a标签，要实现如下效果：当点击其中一个a时，该a的class变为n；当点击另一个a时，该a的class变为n，前一次点击的a的class恢复为m。
请问如何用js代码实现此效果？ 展开
2个回答
展开全部
说一个思路：为每一个a添加点击事件，当点击时遍历所有的a，并把所有的a的class设置为m。再把当前a的class设置为n.
用一些js库（比如Mootools）很容易做到。用js的原型函数可能麻烦一点。
拙见，献丑了！！！！
用一些js库（比如Mootools）很容易做到。用js的原型函数可能麻烦一点。
拙见，献丑了！！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<style type="text/css">
.m{color:Red;}
.n{color:blue;}
</style>
<script type="text/javascript">
function change(whichLink) {
var box = document.getElementById("box");
var links = box.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].setAttribute("class", "m");
whichLink.setAttribute("class", "n");
}
}
</script>
</head>
<body>
<div id="box">
<a class="m" onclick="change(this);">1</a>
<a class="m" onclick="change(this);">2</a>
<a class="m" onclick="change(this);">3</a>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<style type="text/css">
.m{color:Red;}
.n{color:blue;}
</style>
<script type="text/javascript">
function change(whichLink) {
var box = document.getElementById("box");
var links = box.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].setAttribute("class", "m");
whichLink.setAttribute("class", "n");
}
}
</script>
</head>
<body>
<div id="box">
<a class="m" onclick="change(this);">1</a>
<a class="m" onclick="change(this);">2</a>
<a class="m" onclick="change(this);">3</a>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
