<div class="about_l">
<ul id="about_l">
{dede:channel type='son'}
<li>
<div class="about_l_y"><a href='[field:typeurl/]' onclick='change()'>[field:typename/]</a></div>
<div class="about_l_r1"> </div>
</li>
{/dede:channel}
</ul>
</div>
上面是前台的代码,下面是脚本代码。
<script>
function change(){
var ul = document.getElementById('about_l');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
ul.setAttribute("class","about_l_2");
alert(ul.getAttribute("class"));
}
}
}
</script>
运行过之后,虽然更改了li里的class名称,但是效果不出来。而且我这里有两个class 这里的class都要在单击后更改名称。求大神指点。。。。拜托拜托
javascript中className属性可以获取和设置对象的类名,下面进行实例演示:单击li元素,该元素在red类之间切换(即单击一次显示红色,再次单击恢复原来的颜色,如此循环)。
1、HTML结构
<ul>2、主要的css类
li{margin:5px;list-style: none;}3、javascript代码
window.onload = function(){4、效果展示
用className
lis[i].onclick = function () {我试试
本回答被网友采纳