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");
});