用JS怎么改变样式。。在线等候

tsp860901 2009-03-11 09:16:36

我下面有三个DIV，里面是一个超链接而且每DIV都有一个样式当我要点击另外的一个超链接的时候同样去改变这三个DIV的样式。但是我用onclick事件时只有点击那个链接那一刻才有改变的效果。点击完了又恢复了以前的样式。。我要怎么做啊。。高手帮帮忙

...全文

1043 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

caiying2009 2009-03-15

打赏
举报



<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.noclick, .noclick a{

    color:#0000FF;

}

.on_click, .on_click a{

    color:#ff0000;

}

</style>

<script type="text/javascript">



function show1(_this){

    var obj =_this.parentNode.parentNode.getElementsByTagName("div"),j=obj.length;alert

    for (var i=0;i<j;i++)

        obj[i].className = "noclick";

    _this.parentNode.className = "on_click";

} 



</script>

</head>



<body>

<div>

<div>

<div>

<div>

<div>

<div>

<div id="getmil" class="noclick">getmil <a href="#" onclick=show1(this)>get</a></div>

<div id="mil" class="noclick">mil <a href="#" onclick=show1(this)>input</a></div>

<div id="sendmail" class="noclick">sendmail <a href="#" onclick=show1(this)>send</a></div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

tsp860901 2009-03-11

打赏
举报

<body>
<div class="">

<div id="getmil" class="noclick">getmil <a href="#" onclick=show1(this)>get</a></div>
<div id="mil" class="noclick">mil <a href="#" onclick=show1(this)>input</a></div>
<div id="sendmail" class="noclick">sendmail <a href="#" onclick=show1(this)>send</a></div>

</div>

</body>

在你的基础上外面加个DIV 呢怎么改啊

luojihaidao 2009-03-11

打赏
举报

document.getElementById('div').className=''

caiying2009 2009-03-11

打赏
举报





<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.noclick, .noclick a{

    color:#0000FF;

}

.on_click, .on_click a{

    color:#ff0000;

}

</style>

<script type="text/javascript">



function show1(_this){

	var obj =_this.parentNode.parentNode.getElementsByTagName("div"),j=obj.length;alert

	for (var i=0;i<j;i++)

		obj[i].className = "noclick";

	_this.parentNode.className = "on_click";

} 



</script>

</head>



<body>

<div id="getmil" class="noclick">getmil <a href="#" onclick=show1(this)>get</a></div>

<div id="mil" class="noclick">mil <a href="#" onclick=show1(this)>input</a></div>

<div id="sendmail" class="noclick">sendmail <a href="#" onclick=show1(this)>send</a></div>

</body>

</html>

tsp860901 2009-03-11

打赏
举报

好像还不行呢

linlinbaobao 2009-03-11

打赏
举报

学习一下。

celly2008 2009-03-11

打赏
举报

在 div的 onmouseout 事件里再写一次 onclik 事件所执行的代码

囧 2009-03-11

打赏
举报

点击后改变div的className



<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.normal, .normal a{

	color:#0000FF;

}

.onclick, .onclick a{

	color:#008800;

}

</style>

<script type="text/javascript">

function $(id){

	return document.getElementById(id);

}

window.onload = function(){

	var div = [$("div1"), $("div2"), $("div3")];

	for(var i=0; i<div.length; i++){

		div[i].onclick = function(){

			for(var j=0; j<div.length; j++){

				div[j].className = "onclick";

			};

		};

	}

};

</script>

</head>



<body>

<div id="div1" class="normal">文字 <a href="#">链接</a></div>

<div id="div2" class="normal">文字 <a href="#">链接</a></div>

<div id="div3" class="normal">文字 <a href="#">链接</a></div>

</body>

</html>

tsp860901 2009-03-11

打赏
举报

我按你的方法点不出class来啊
我自己用的

function show1()
{
getmil.className="affairlab2";
sendmail.className="affairlab1";

}

ace112212 2009-03-11

打赏
举报

document.getElementById('div').style.class=''

mengshan1986 2009-03-11

打赏
举报



<script>

function changech(a){

var i=1

for(i=1;i<5;i++){

var b='c'+i;

var c='d'+i;

if(a!=b){

document.getElementById(b).style.background='url(images/01.gif)  repeat-x';

document.getElementById(b).style.color='#5c5c5c';

document.getElementById(c).style.display='none';

}

else{

document.getElementById(b).style.background='url(images/bar_bg.gif)  repeat-x';

document.getElementById(b).style.color='#ff0000';

document.getElementById(c).style.display='block';

}

}



}

</script>

这就是一个div控制三个div的JavaScript