js控制li的class属性，js控制语句

如何用原生js改变某id下的li的class?

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

2、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。是className，可不是class 注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

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

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

5、没有按照JS语言规范来写当然会报错。document.getElementById() 里边就不要用 +拼接符了，而且后边不是document，而是直接一个点就可以了。for 循环也有问题。

6、把a元素获取到，直接添加class属性就可以了，代码如下：a href=# id=a clas=a/ascript var oA = document.getElementById(a)； oA.class = heikuai；/sciprt用浏览器打开，审查元素：再看这个a元素时，a的class 属性值就变了。

相关问答

Q1: ...js遍历ul下的li,给每行的最后一个li赋上不同CLASS值!急,有会的帮...

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

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

将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。在body标签内编写一段ul、li的标签。用浏览器打开index.html文件，可以发现默认“ul li”标签组前面有个实心小圆点。只需要在ul标签内加入（style=“list-style：none；”）的样式代码，保存后再次刷新下页面。

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

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

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

一组li，这个li不是v-for出来的。是直接写死的。为什么不用v-for，li里面的结构不一样，给所有的li添加点击事件 tanchu（），给点击的当前li添加一个class；现在点击之后所有的都会添加这个class；Vue.js（读音 /vju/， 类似于view）是一套构建用户界面的渐进式框架。

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

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

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

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

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

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

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

一组li，这个li不是v-for出来的。是直接写死的。为什么不用v-for，li里面的结构不一样，给所有的li添加点击事件 tanchu（），给点击的当前li添加一个class；现在点击之后所有的都会添加这个class；Vue.js（读音 /vju/， 类似于view）是一套构建用户界面的渐进式框架。

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

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

关于js控制li的class属性和js控制语句的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。