js父节点获取子节点，js找父节点

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

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

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

3、打开编辑工具editplus，点击editplus菜单栏上的【File】--New --HTML page。新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。在body区域里添加了子，父，祖父三级div，代码如下。

相关问答

Q1: JavaScript中如何通过一个元素去查找该元素的子元素节点

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

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

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

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

5、子元素选择器（），例如 $(divimg) 获取div下的img子元素；遍历函数children()，例如 $(div).children(img) 同样是获取div下的img子元素。

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

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

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

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

4、这段代码创建了一个文本节点：var node=document.createTextNode(这是一个新段落。)；然后您必须向 元素追加这个文本节点：para.appendChild(node)；最后您必须向一个已有的元素追加这个新元素。

5、通过这个事件节点，我们可以使用标准中parentNode属性，开获得其父节点元素，一直通过这个属性找到type为UL的节点，也就是所有li的父节点元素。

6、children 是非标准dom集合，FF并不支持，确切的说是所有Gecko引擎不支持。opera和safari都支持。跟着IE有肉吃啊。parentElement 获取对象层次中的父对象。parentNode 获取文档层次中的父对象。

js父节点获取子节点的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js找父节点、js父节点获取子节点的信息别忘了在本站进行查找喔。