js获取li的元素，js 如何获取某个元素的位置

js如何获取被点击li是第几个?

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

引入jquery库。在title标签后面引用下载好的jquery.js文件。 在jquery引用库标签后面新建一个script标签，在这个标签里面添加一个DOM加载完成后执行函数。在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

这，需要借助dom的相关知识。可能需要遍历父元素的子元素来完成li的定位，不过效率可能不高。

例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。 从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。

思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。

您好：首先这个可以用index索引得到它所在的索引就可以了。jQuery方法：(input).click({ (this).index()；})；这样就可以得到点击元素的index索引了。JS方法：首先给每个input设置一个id属性如：input type=button id=1 value=第一个按钮 第二个的input就设置id为2，以此类推。

相关问答

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

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

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

思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。

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

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

Q2: JS怎么获取DIV里面的li节点?

1、直接再利用，比如添加到页面其他地方之类的操作 。

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

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

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

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

6、需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。

Q3: 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、所以第一次点击并没有执行li的onclick函数（仅仅生成li的onclick函数）。

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

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

js获取li的元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 如何获取某个元素的位置、js获取li的元素的信息别忘了在本站进行查找喔。