js递归获取子节点，js递归获取树形结构

JavaScript怎么获取一个元素的父级元素?以及子级元素

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

2、您可以使用 Element.parentNode 属性来获取元素的父级。您还可以将它们串在一起以提升几个级别。您可以使用 Element.closest() 方法获取与选择器匹配的 DOM 树上最近的父级。Element.closest() 方法从元素本身开始。

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

4、原生方法：元素parentNode，返回元素的第一个父节点。Jquery方法：元素parent()，返回元素的第一个父节点。元素parents()，返回一个包含元素所有父节点的数组。

5、打开编辑工具editplus，点击editplus菜单栏上的【File】--New --HTML page。新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。

相关问答

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

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

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

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

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

Q2: jquery第一个子节点怎么获得

1、方法如下： 获取第一个元素 $(#body).children(：first) 判断获取元素的标签 $(#body).children(：first).attr(tagName) == STRONG JQuery是继prototype之后又一个优秀的Javascript库。

2、nth-child(n)：返回第n个子节点，n从1开始，如果n取0，那么就会选择所有的元素。

3、通过父节点获取：（1）parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。

4、contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性 div是标签， 你获取标签的话，用contents()取不到的。

5、前两位所写：一个是查找全部的input控件的同辈元素，另一个是查找下一个同辈元素。

Q3: js如何获取某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，手打，如果可以解决请给分。

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

在js或者jQuery下面得到指定的div下面的指定a标签的方法：通过id直接获取所需a标签：$(#ids)；通过从属关系获得a标签。(div a)；然后对取得的元素遍历，找到需要的a标签即可。

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

Q4: js-递归方法

1、循环代替递归：对于一些可以用循环实现的问题，尽量避免使用递归。 分治策略：将问题分解为更小的子问题，然后递归求解子问题，最后合并子问题的解。 动态规划（DP）：通过将子问题的解存储起来，避免重复计算。

2、function count(n){ if(！n || n 2){ n=2； // 婓那波契数列从第三项开始，等于前二项之和 } if(n 20){ // 限制计算到20级，避免死循环。

3、现在，我们创建addRouteMetaKey函数，该函数对路由树进行递归遍历，为每一个路由配置的meta属性动态添加key字段。这个函数很简单，属于最基础的递归使用例子，我就不做太多解释了。

4、所以对于有返回值的函数的递归调用一定要记得加上return。

5、所谓的递归函数就是在函数体内调用本函数。使用递归函数一定要注意，处理不当就会进入死循环。

6、为了保证n次调用中this一致。假设你首次调用是这样的：flexisum(...)；那么n次递归中，this都是window(或undefined)。

Q5: js实现递归算法

尾递归优化：将递归调用转换为循环，避免在调用栈中产生大量的临时变量。 记忆化（Memoization）：将已经计算过的结果存储起来，避免重复计算。 循环代替递归：对于一些可以用循环实现的问题，尽量避免使用递归。

=n(n-1)！，你定义函数f(n)=nf(n-1)而f(n-1)又是这个定义的函数。这就是递归。实现递归。简单说来从未知的推到已知的如：3！=3*2！2！=2*1！1！=1（已知的）然后从已知再返回调用给上一层。

首先，有关【递归】的知识请参考上一节，链接地址：【上一篇】：带你刷LeetCode中的递归算法 根据JS中【栈】的知识，我们知道js的基本数据类型是值引用，引用类型是地址引用。

既然是递归的调用 而且这个函数本身 有 return 值 那么 你应该在 调用 Run(temp，path)；的时候 接收他的返回值 应该写成 value = Run(temp，path)； 现在你可以设成 局部变量 var value 了。

在使用递归算法解决问题时，应满足以下两点：一是该问题能够被递归形式描述；二是该问题具有递归结束条件。

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