原生js获取li，原生js获取元素属性

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

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

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

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

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

相关问答

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

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

2、设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。

3、最好是用JS做，但是非要用CSS呢，也可以。

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

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

例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。

您好：首先这个可以用index索引得到它所在的索引就可以了。jQuery方法：(input).click({ (this).index()；})；这样就可以得到点击元素的index索引了。

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

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

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

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

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

3、obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在style type=text/css里面的属性。

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

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

Q4: js中如何获取一个id的值?

通过jquery的方式，使用id选择器方式获取节点，然后获取值。通过原生的dom方式，获取id的值。

在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。

其中加粗的this是相对你的代码增加的部分。然后在你页面的js中写一个函数如下：function test(element){ alert(element.id)} 演示我为此问题写了一个测试页面，可以点击查看在线测试代码。

可以使用js的attr方法实现用js获取id元素内容。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件，js文件。在ue编辑器中输入以下html代码。

在我们的电脑上打开软件，新建一个html页面。在html页面创建一个id为xx，值为666的文本框，通过varv=document.getElementById(xx).value；原生js方法来获取文本框的值。

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