Question

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

当点击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>

Answer 1

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="tag1"><a href="#" onclick="switchTag('tag1');>1</a></li>
<li id="tag2"><a href="#" onclick="switchTag('tag2');>2</a></li>

Answer 2

不要动不动就Ajax，其实这些JavaScript完全可以做到的

Ajax是异步传输数据用的，是跟数据库交互的。

Answer 3

<div id="abc">
<ul>
<li id=my1><a href="#" onclick="my1.style.className='myclass'">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>

Answer 4

<li><a href="#" onclick="this.parentNode.className='CS1'">1</a></li>

Answer 5

用jquery.js包
$("abc">li).addClass(myclass)