js根据点击获取li元素，js获取点击对象的属性

js怎么获取鼠标悬浮在某一个li时,该li的下标?

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

2、用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

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

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

相关问答

Q1: js获取li为选中状态下的内容,li可以选择多个

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

2、把后台需要的id字段绑定到这个隐藏的radio上选中的时候传这个选中的radio的value就行以上这篇angular或者js怎么确定选中ul中的哪几个li就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

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

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

5、完全可以分成两个来获取，第一个获取父div的子div，第二个获取子div下的所有li document.getElementById(aa).childNodes()//这样就获取了aa下面所有div 同理获取子div下面的li，手打，如果可以解决请给分。

6、js判断添加多个标签js怎么样获取多个标签内容-百度经验 创建一个test.html文件。在文件内，使用ul、li标签创建一个测试的列表，同时创建一个button按钮，用于触发执行js函数。

Q2: js获取当前点击的li的值

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

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

3、下面我就为大家分享一篇vue.js获得当前元素的文字信息方法，具有很好的参考价值，希望对大家有所帮助。

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

1、javascript 点击获取自己是第几个的方法有：使用index()方法；方案：$(li).index()；index([selector|element])搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

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

3、引入jquery库。在title标签后面引用下载好的jquery.js文件。 在jquery引用库标签后面新建一个script标签，在这个标签里面添加一个DOM加载完成后执行函数。

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

5、// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

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

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

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

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

分析你的语句，第一次点不行是因为你的li的onclick函数是在你进行了一次ul的onclick事件后才生成的，所以第一次点击并没有执行li的onclick函数（仅仅生成li的onclick函数）。

使用window.getSelection().getRangeAt(0).toString()；注意window对象，iframe中的选中使用相应的window对象 定位光标的话，有些可以使用focus函数。对于不可编辑的区域要使用Range对象。

Q5: jquery怎么获取点击的li中的值?

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

通过过滤器获取li数组 var lis = $(div li)；//表示获取div下所有的直接或者非直接li节点。

通过 $(#top_menu li：first) 就可以获取到 ul下第一个li标签。

引入jquery库。在title标签后面引用下载好的jquery.js文件。 在jquery引用库标签后面新建一个script标签，在这个标签里面添加一个DOM加载完成后执行函数。

jQuery.siblings() 是返回兄弟姐妹节点，不分前后。

text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值 获取属性 - attr()jQuery attr() 方法用于获取属性值。

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