Question

js改变css样式

<ul id="i_hots" class="list hover/">
<li><a href="">条件</a></li></ul>
<div class="list_bottom">
<i class="list_bottom_under"><i> </div>
我要点击<i class="list_bottom_under">这个的时候这里的样式变成class="list_bottom_on";同事ul标签里面的样式变为class="list hover"；再点击一下又可以变回去

Answer 1

//先获取dom节点
var a = document.getElementById('id')
a.style.color="red"; //改变颜色

a.innerHTML='修改内容'; //修改内容

//还可以动态的添加css来改变css样式
a.className='class名';

Answer 2

function(){
this.className == 'list_bottom_under' ? this.className = 'list_bottom_on':this.className = 'list_bottom_under';
var ul = document.getElementById('i_hots');
ul.className == 'list hover' ? ul.className='':ul.className='list hover';
}

追问

这样不行哦 麻烦您再看看好吗？