如何用ajax给指定DIV下的li加上其它CLASS?

来源:百度知道 编辑:UC知道 时间:2024/06/24 16:57:26
当点击1时给1所处的<li>加上类myclass?谢谢.
<div id="abc">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>

1、不清楚为什么要用ajax更换,你可以通过ajax返回html语句更换DIV中内容,简单代码如下:
var xmlhttp=createAjax();
.....
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
abc.innerHTML=unescape(xmlhttp.responseText);}

在AJAX查询返回的数据使用Html语句返回,并将样式写进去。
<li classname="myclass"><a href="#" onclick="sendajax(1)">1</a></li>
<li><a href="#" onclick="sendajax(2)">2</a></li>

2、如果通过javascript实现li更换样式比较简单,如下:

<script type="text/javascript">
function switchTag(tag)
{
for(i=1; i <2; i++)
{
if ("tag"+i==tag)
{
document.getElementById(tag).getElementsByTagName("a")[0].className="myclass";
}else{
document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
}
}
}
</script>

<li id