通过JS 给Li增加class

JS 给Li增加class
要放在页面底部，才能生效

<script>  
var list=document.getElementById("mainNav")  
//获取ul对象  
lis=list.getElementsByTagName("li")  
//获取ul下的li对象,是数组集合  
for(var i=0,l=lis.length;i<l;i++){  
    lis[i].className="mainlevel fr_left m_nav_1"+(i+1)  
}  
</script>  

会给样式添加上编号：fr_left m_nav_11 fr_left m_nav_12
要注意id的唯一性！！

可同时给多个添加

<script type="text/javascript"> 
//给p标签和img添加添加class 样式//
var list=document.getElementById("ulScores")  
//获取指定id的ul对象  
lis=list.getElementsByTagName("p")  
//获取ul下的p对象,是数组集合  
for(var i=0,l=lis.length;i<l;i++){  
    lis[i].className="col-md-4 col-sm-6 item"  
}  
lis2=list.getElementsByTagName("img")  
//获取ul下的img对象,是数组集合  
for(var i=0,l=lis2.length;i<l;i++){  
    lis2[i].className="img-thumbnail img-fluid "  
}  
</script>

lis=document…getElementsByTagName(“p”)
for(var i=0,l=lis.length;i<l;i++){
lis[i].className=“col-md-4 col-sm-6 item”
}
这样会直接给页面中的p标签添加class