原生js查找子元素，原生js创建dom元素

请问js怎么选择子元素

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

2、有好多种方法，比如：document.getElementById(xxx)；是通过元素Id来取得元素，这是获取单一元素的最快途径。

3、nth-child选择器是css选择器，即匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个p元素就直接$(p：nth-child(2) )：eq() 选择器选取带有指定 index 值的元素。

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

相关问答

Q1: javascript如何获得子元素的个数

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

2、字符串有length属性，是获取字符串的长度 数组也有length属性，是获取数组的长度。

3、从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来，已知一个节点或元素对象，要知道它的索引序号则没有那么直接了。

4、如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。

5、通常使用length属性，无论是元素的集合还是数组中元素的个数，均可以通过length属性实现获取元素的个数。

6、前者会随页面DOM结构的变化而变化，比如删除了box中的一个div，这个div就会从children中被“真实地”删掉，children.length的计数也会减1。

Q2: JS如何获得指定的子元素?

1、var b =document.getElementById(test).childNodes；使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

2、新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

3、使用jquery获取某DIV的子元素，通常有以下两种方法：子元素选择器（），例如 $(divimg) 获取div下的img子元素；遍历函数children()，例如 $(div).children(img) 同样是获取div下的img子元素。

Q3: 怎么用原生js去找父级里的子元素

字符串有length属性，是获取字符串的长度 数组也有length属性，是获取数组的长度。

(span).click(function(){ alert($(this).index()+1)；})；index()返回该元素的索引值，可表示该span属于其父元素中的第几个子元素。

先获取父节点： var parentEle=ele.parentNode；在获取父节点的兄弟节点：var parentEle1=parentEle.previousSbiling；//上一个节点 某个子节点：var obj=parentElefirstChild；//第一个子节点 jQuery也有相应的方法。

nth-child选择器是css选择器，即匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个p元素就直接$(p：nth-child(2) )：eq() 选择器选取带有指定 index 值的元素。

在body区域里添加了子，父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

Q4: javascript如何获得子元素的个数?

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

字符串有length属性，是获取字符串的长度 数组也有length属性，是获取数组的长度。

从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来，已知一个节点或元素对象，要知道它的索引序号则没有那么直接了。

如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。

通常使用length属性，无论是元素的集合还是数组中元素的个数，均可以通过length属性实现获取元素的个数。

前者会随页面DOM结构的变化而变化，比如删除了box中的一个div，这个div就会从children中被“真实地”删掉，children.length的计数也会减1。

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