js添加class

1. js给循环中的li添加class="active"

1、首先在html中布抄局好两个按钮和一个袭div，如下图所示。

2. 如何用javascript为元素添加class

现代抄浏览器写法：
document.getElementById('test').classList.add('myClass');
兼容写法：
document.getElementById('test').className += ' myClass';

3. js怎么给指定id下面的所有子div添加class

其实只需要用到document.querySelector('选择器')和结合classList. add("类名"）即可。
那桥孝梁么你这里就只要设置以下两敏运步代码即可:
document.querySelector('# room＞div'). classList. add(" test"）;
document.querySelector('慎者# room＞div＞input'). classList. add(" test2"）;

4. 如何通过js在li的奇偶或单双标签中增加class

如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：
nth-of-type()可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。
<style>
ulli:nth-of-type(odd){奇数行样式}
ulli:nth-of-type(even){偶数行样式}
<style>

如果我说服不了你，一定要js的话，那么继续：

<scriptid="jquery_182"type="text/javascript"class="library"
src="/js/sandbox/jquery/jquery-1.8.2.min.js"></script>

<metacharset="utf-8"/>

<ulid="list">
<li><ahref="#">1</a></li>
<li><ahref="#">2</a></li>
<li><ahref="#">3</a></li>
</ul>


<script>
functionCheckLI(){
varobj=document.getElementById("list").getElementsByTagName("li");//取得#list下所有li
for(vari=0;i<obj.length;i++){//循环出每个li
//下面两句中添加class用的jquery的addClass()方法，需要载入JQ才支持，js原生的方法需要IE10才支持，兼容的方法要另外写函数，手打的，直接最简单的JQ实现
if(i%2==0){$(obj[i]).addClass("ou");}//如果被2整除是偶数
else{$(obj[i]).addClass("ji");}//否则是奇数
}
}


window.onload=CheckLI;//网页载入后执行以上函数
</script>

<style>
.ji{color:red;}
.ou{color:yellow;}
</style>

5. 如何使用JS来增加CSS样式的CLASS内容

如果不重新加载页面的话，以下是可以实现的。
<ul id="nav"> 回
<li onclick="setTab(0)" rel="home"><a href="#">首页答</a></li>
<li onclick="setTab(1)" rel="skill"><a href="#">益智</a></li>
</ul>
<script>
function setTab(n){
var tli=document.getElementById("nav").getElementsByTagName("li");
for(i=0;i<tli.length;i++){
tli[i].className=i==n?"current":"";
}
}
</script>

6. 如何用JS给一个A标签加上class=‘heikuai’

把a元素获取到，直接添加class属性就可以了，代码如下：

<ahref="#"id='a'></a>
<script>
varoA=document.getElementById('a');
oA.class='heikuai';
</sciprt>
用浏览器打开，'审查元素'：再看这个a元素时，a就带了这个class属性了。

7. 如何利用JS实现在li中添加或删除class属性

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返版回被选元素的属性值.根据该方法不权同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

工具原料：编辑器、浏览器

1、为li添加class属性：

为某个li元素添加class=“special”的属性

$('li').attr('class','special');

2、删除class属性：

$("li").removeClass("special");
});