原生js获取li，原生js获取类名

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

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

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

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

4、(#ul li).not(：first).remove()；（1）：first 举：(div.one：first)，获取所有class=one的Div的第一个div子元素。

相关问答

Q1: js如何获取点击li标签里的值

首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

document.getElementById(a).innerHTML；//结果为A 你ID是一样的，用getElementById会默认是为第一个li的结果。

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

Q2: 如何用JavaScript获得ul中的li的个数?

1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

2、li)； 获取div下的ul下的li liarr是个数组。

3、(#ul li).not(：first).remove()；（1）：first 举：(div.one：first)，获取所有class=one的Div的第一个div子元素。

4、可以考虑用length属性， jquery代码： $(“#ulname li”).length。ul 是 Unordered List（无序列表）的缩写。与之相对的有ol有序列表标签，列表里的项目用li标签记述，所有主流浏览器都支持 ul 标签。

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

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

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

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

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

document.getElementById(ul).getElementsByTagName(li)[0].getElementsByTagName(a)[0]；这样就是获取第一个li里面的第一个a元素，建议使用循环。

刷新页面后，发现ul、li标签组前面的小圆点不见了。注意事项：JavaScript已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

关于原生js获取li和原生js获取类名的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。