js获取当前元素的子节点，js获取子元素中的文本内容

js里parentNode是获得父节点,那么怎么获得子节点呢

1、parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObj.firstChild.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

2、使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

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

相关问答

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

javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。

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

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

Q2: js获取指定标签下的子节点不要孙节点

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

2、按照您的要求 $(#table tr) 确实是选择 id为 table的元素的所有直接子元素，如果没有达到你的预期效果，那么一定的 id为 table的元素选择错误，或者页面中出现多个 id为 table的元素。

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

4、parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObj.firstChild.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

5、只不过，需要指定父元素，比如：var father=document.getElementById(divid)；从father中获得子元素个数：father.getElementsByTagName(a).length；这样就能获取到father中a元素的个数了。

6、因此现在jsTree不会自动隐藏所有节点，因为它对于大多数应用来说是非常混乱和不合适的。但是如果你想隐藏全部节点也是有办法的。

Q3: javascript怎么获取获取一个节点的所有子节点?

1、javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。

2、parentNode.childNode：parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。

3、par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

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

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

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

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

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

3、代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

Q5: 操作JS中DOM节点有哪些方法

使用DOM编程，可以对节点对象实现以下操作：创建节点：使用createElement()方法创建一个新的元素节点。添加节点：使用appendChild()方法将一个节点添加为另一个节点的子节点。

在Vue中，操作DOM的方法有很多，其中比较常见的有： 使用原生JavaScript操作DOM，例如getElementById、getElementsByClassName、querySelector等。

添加节点append；移除节点removeChild；移动节点：var sdds=document.getElementById；创建节点createTextNode()；查找节点：document.getElementsByTagName。

使用JavaScript操作页面内容（DOM）可以通过以下方法实现：添加： 可以使用JavaScript中的document.createElement()方法来创建新的元素，然后使用appendChild()或者insertBefore()方法将其添加到页面中。

DOM：DocumentObjectModel，文档对象模型；js提供了丰富的api来操作文档内容。DOM树：html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body节点：DOM将所有的分支端都成为节点。

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