js点击获取全部子项，js获取当前点击的dom元素

如何用JS获取div下的子div

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

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

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

js获取div里的元素个数方法是：先得到父元素，再得到父元素下的某标签类别的子元素，最后统计出子元素的长度就可以简单实现了。

相关问答

Q1: ...点击任意一个子元素,怎么样可以获取点击的是哪1个子元素?

1、建议看看闭包索引。当然也有其他办法，给每个点击绑定事件，创建元素时动态生成ID。

2、while(first && first.nodeType ！==1) first = first.nextSibling；return first；} 现在浏览器支持一个叫 Element.firstElementChild 的属性，可以获取到第一个为元素的子节点。

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

Q2: js如何获取某id的子标签?

var _t = document.getElementById(tab_c)；for (var i = _t.rows.length - 1； i = 0； i--) { _t.deleteRow(i)；} 试试看。

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

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

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

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

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

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

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

4、思路：通过id可以获取到div对象，通过getAttribute()和innerHTML分别可以获取div对象的自定义属性和文本内容。

5、html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

6、需要注意的是，如果li元素下还有li元素，children方法将不会被获取。

关于js点击获取全部子项和js获取当前点击的dom元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。