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

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

2、接着编写添加class的方法，如下图所示，通过classList中的add。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式即可。

var dv=documentgetElementById("star"); 获取id="star"的div

var ularr=dvgetElementsByTagName("ul"); 获取div下的ul

var liarr=ularr[0]getElementsByTagName("li"); 获取div下的ul下的li

liarr是个数组。

其实最简单方法是给ul一个id=“getli”；

然后var liarr=documentgetElementById("getli")getElementsByTagName("li");

liarr是个数组

$('#a')find('li')each(function(){

$(this)click(function(){

alert($(this)index())

})

})

别忘了引入jquery

再发一个纯js版本的

<div id="a">

<ul>

<li>111111111</li>

<li>2222222222</li>

<li>33333333</li>

<li>4444444</li>

<li>55555555</li>

<li>66666666</li>

</ul>

</div>

<script>

var cNode =documentgetElementById('a')getElementsByTagName('li');

for( var i=0; i<cNodelength; i++){

cNode[i]index= i;

cNode[i]onclick = function(){

alert( "this index of cNode is : " + thisindex);

}

}

</script>

//前面的$('li')是你已经获取到的li元素

//find()方法里面传的就是你想要获取的某个元素下面的元素方法

$('li')find("a");

希望能够帮到你

<script src='

</script>

<script>

    //上面的代码会被百度加上超链接，请自己去掉

    var arr_li_html = [];

    $("ulmylabel li")each(function(){

        arr_li_htmlpush($(this)html());

    });

    alert(arr_li_htmltoString());

</script>

//用jquery的

以上就是关于js给循环中的li添加class="active"全部的内容，包括:js给循环中的li添加class="active"、本人js菜鸟，怎样用js获取ul里面的li元素，用js写，不用jq、关于JS 遍历 ul li问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！