js选择器ul下的li，js 选中

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

1、如果你只需要获取最里层的第一个 li 的话，可以用document.querySelector(.on ul .on)如果还想获取最里层的所有 li 的话 ，可以用document.querySelectorAll(.on ul .on)，最好是给每个ul 加个类名，选择子元素的时候，就不用写那么多层了。

2、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

3、使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

4、新建一个txt文档，将文档修改成“index.html”的html文件。将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。在body标签内编写一段ul、li的标签。用浏览器打开index.html文件，可以发现默认“ul li”标签组前面有个实心小圆点。

5、整体思路：可以用for循环去遍历ul下的所有li；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

相关问答

Q1: 怎么用js在ul标签下添加li标签,并要求li有id?

首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。

新建一个html文件，命名为test.html。在test.html文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。在test.html文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“改变li的值”。

在如下结构中插入10000和li标签，并进行性能优化。

使用jQuery动态加载UL标签中的li标签的方法：首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

如果你只需要获取最里层的第一个 li 的话，可以用document.querySelector(.on ul .on)如果还想获取最里层的所有 li 的话 ，可以用document.querySelectorAll(.on ul .on)，最好是给每个ul 加个类名，选择子元素的时候，就不用写那么多层了。

新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。在test.html文件内，创建一个button按钮，给button绑定onclick点击事件，当按钮被点击时，执行addBorder()函数。

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

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

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

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

Q3: 如何用js获取ul下li数量的值

var ularr=dv.getElementsByTagName(ul)； 获取div下的ul var liarr=ularr[0].getElementsByTagName(li)； 获取div下的ul下的li liarr是个数组。

然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会弹出li标签的index值出来。最后打开浏览器，点击其中的一个标签，就会弹出对应的li标签数值了。

在生成的时候添加独特变量来区别，或者使用$(selector).eq(index)来数第几个。或者使用$(selector).each(function(i，dom){})来过滤选择特定的 一般树型结构都有特定的数据格式，如 parent ： {name，list ，children ： []}，查看对应节点的children的length大小 来判断是否有第二级菜单。

Q4: js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前...

新建一个html文件，命名为test.html。在test.html文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。在test.html文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“改变li的值”。

使用li上的onclick事件 function td(obj){ jk()； obj.style.background = red；}function jk(){ //要用到obj的参数。

首先给第一个li默认类名如one，然后给这个one类加个背景颜色。然后写jQ 取出所有的li，并给li写单击事件，鼠标点到哪个li就把其它li的one类名去掉，并把当时li添加上one类名。思路就是这样了。

id不能有多个。否则document.getElementById获取出来的只是第一个。2 不要根据颜色判断。你自定义标识。比如 state=0或1 或者active=true|false 通过setAttribute(key，value)；存到li身上。3 对于这种多元素点击事件。不要把时间绑定在子元素身上。最好绑定在父元素身上。委托机制。4 网页结构要重视。

js选择器ul下的li的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 选中、js选择器ul下的li的信息别忘了在本站进行查找喔。