js点击ul获取li的id，js获取uuid

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

1、你ID是一样的，用getElementById会默认是为第一个li的结果。

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

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

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

5、然后，我们使用addEventListener方法为列表添加了一个点击事件监听器。当点击列表项时，事件会触发，我们可以通过event.target来获取到被点击的元素。在这里，我们检查被点击的元素是否为LI标签，如果是，则获取其文本内容，并将其赋值给输入框的value属性，从而将选项值显示在输入框中。

6、用jquery吧 script src=js\jquery\jquery-js type=text/javascript/script script type=text/javascript (function(){ (.left_nav li).click(function(){ (this).attr(class，on)；})；})；/script 不知道是不是你要的效果，如果有什么问题可以继续追问。

相关问答

Q1: JS如何获取指定DIV下的子元素LI值

1、var smalls = document.getElementById(small).getElementsByTagName(li)；这样可以获取所有id=small下的 li 。

2、创建一个test.html文件。在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。

3、var a = document.getElementById(test).getElementsByTagName(div)；代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

4、.text()、$(selector).html()。html：test (div).text()得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。(div).html()得到的是 test ，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的操作 。

5、index.html，并引入jquery，编写问题基础代码。在index.html中的script标签，输入jquery代码：(li).hover(function () { (this).find(dd).css(display， inline)；})；浏览器运行index.html页面，此时当鼠标移动到li上时，它的字元素dd通过$(this)的方式获取被显示了出来。

6、获取div里元素的方法有2种，分别是children()方法和find()方法。

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

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

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

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

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

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

js点击ul获取li的id的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取uuid、js点击ul获取li的id的信息别忘了在本站进行查找喔。