js如何更改<a href>的class名
我要更改一个class名字来达到替换style样式但是我下面的代码只能替换td的classname我希望能替换ahref中的要怎样修改谢谢要改变class名字然后其他的改...
我要更改一个class名字来达到替换style样式
但是我下面的代码只能替换td 的classname
我希望能替换a href中的 要怎样修改 谢谢
要改变class名字 然后其他的改回去 达到改点击变色与众不同
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.a1 { color:red }
.a2 { color:yellow }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeCSS(){
var td = event.srcElement;
var objtb = td.parentElement;
var lenobjtb = objtb.childNodes.length;
for(i=0;i<lenobjtb;i++){
objtb.childNodes[i].className = "a1";
}
td.className = "a2";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<table class="a" width="90%" border="0" cellspacing="0" cellpadding="0" onclick="ChangeCSS()">
<tr>
<td ><a name="a1" href="#">1111</a></td>
<td ><a name="a1" href="#">2222</a></td>
<td ><a name="a1" href="#">3333</a></td>
<td ><a name="a1" href="#">4444</a></td>
<td ><a name="a1" href="#">5555</a></td>
</tr>
</table>
</BODY>
</HTML>
晕 在线等了
急 展开
但是我下面的代码只能替换td 的classname
我希望能替换a href中的 要怎样修改 谢谢
要改变class名字 然后其他的改回去 达到改点击变色与众不同
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.a1 { color:red }
.a2 { color:yellow }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeCSS(){
var td = event.srcElement;
var objtb = td.parentElement;
var lenobjtb = objtb.childNodes.length;
for(i=0;i<lenobjtb;i++){
objtb.childNodes[i].className = "a1";
}
td.className = "a2";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<table class="a" width="90%" border="0" cellspacing="0" cellpadding="0" onclick="ChangeCSS()">
<tr>
<td ><a name="a1" href="#">1111</a></td>
<td ><a name="a1" href="#">2222</a></td>
<td ><a name="a1" href="#">3333</a></td>
<td ><a name="a1" href="#">4444</a></td>
<td ><a name="a1" href="#">5555</a></td>
</tr>
</table>
</BODY>
</HTML>
晕 在线等了
急 展开
3个回答
展开全部
把a元素获取到，直接添加class属性就可以了，代码如下：
<a href="#" id='a' clas="a"></a>
<script>
var oA = document.getElementById('a');
oA.class = 'heikuai';
</sciprt>
用浏览器打开，'审查元素'：再看这个a元素时，a的class 属性值就变了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
function modClass(id){
document.getElementById(id).className = "a2"
}
</script>
<style>
a.a2 { font-size: 20px; }
</style>
</head>
<body>
<a id="a1" href="#" onclick="modClass('a1')">1111</a>
<a id="a2" href="#">1111</a>
<a id="a3" href="#">1111</a>
</body>
</html>
<head>
<script>
function modClass(id){
document.getElementById(id).className = "a2"
}
</script>
<style>
a.a2 { font-size: 20px; }
</style>
</head>
<body>
<a id="a1" href="#" onclick="modClass('a1')">1111</a>
<a id="a2" href="#">1111</a>
<a id="a3" href="#">1111</a>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
我不会
会就帮你了。。。
会就帮你了。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
