如何给个别li用js加类，js添加li

js中关于给两层的li标签添加class的问题,求大神解答!

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

首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

li)[1]， div = ligetElementsByTagName(div)[0]； div.setAttribute(class，你要添加的样式CLASS名)； //添加属性也可以这样做。

相关问答

Q1: 用js给控制li的class的问题

1、一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。

2、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

3、javascript中className属性可以获取和设置对象的类名，下面进行实例演示：单击li元素，该元素在red类之间切换（即单击一次显示红色，再次单击恢复原来的颜色，如此循环）。

4、一组li，这个li不是v-for出来的。是直接写死的。

5、(div ul li).removeClass(class name).click(function(){this.addClass(Class name)；})手敲的，没有测试可行度。

Q2: JS控制li,鼠标点击时class自动加上,试了好几种方法,都添加不上,求大神...

这是因为用了实际地址的话，点击后页面就刷新了，html和css以及js都自动恢复到初始状态了。

首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。

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

)； else $(.main).attr(class， main)； })； })； /script/html应该理解对了你的问题：动态添加元素的class名。直接上代码，有问题追问哈。

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

1、首先在html中布局好两个按钮和一个div。接着编写添加class的方法。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。接下来在编写移除class样式，如下图所示要的是remove。

2、可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

3、function(){循环操作步骤})；给每一个li添加onclick事件，点击此id的li时，捕获所有li元素，并将他们的class属性去掉，然后给点击的此id的li元素添加class属性即可。大致就是这样，具体写法，你要不会自己查，很简单的。

4、如果给一个元素添加了多个class值，那么就相当于合并了它们的样式。 如果有不同的class设定了同一样式属性，则后者覆盖前者。

5、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

Q4: 通过js遍历ul下的li,在给li赋上CLASS!急,有会的帮下忙吧!

1、} 调用：addElementLi(parentUl)；用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。

2、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

3、一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。

4、用浏览器打开index.html文件，可以发现默认“ul li”标签组前面有个实心小圆点。只需要在ul标签内加入（style=“list-style：none；”）的样式代码，保存后再次刷新下页面。

5、首先你得布局就有问题，li标签本来就是块状元素，为什么里面就一个a标签你还要在外面加个div标签，你可以把a标签直接转换成块状元素。

Q5: 如何用vue.js给点过的li添加单独的class?

1、一组li，这个li不是v-for出来的。是直接写死的。

2、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

3、){ $(div).each(function(i){ $(this).click(function(){ var cls=$(this).attr(class)； if (cls.indexOf(aaa)gt；1){ alert(cls)； //如果不想显示不含aaa的类，用正则清除一下即可。。

4、推荐使用jquery（轻量级的js封装组件）很方便的实现了风琴菜单。一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。

关于如何给个别li用js加类和js添加li的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。