JS 获取子节点

作者: 雨未浓 | 来源:发表于2018-01-17 14:38 被阅读16次

jQuery 常用的节点操作
原生js 获取节点，操作节点，操作类名
JS 获取子节点
JS获取子节点，父节点，兄弟节点
JS获取子节点、父节点和兄弟节点的若干种方式
原生js一些操作DOM的方法
JS学习笔记（Dom操作）
js、jq获取兄弟节点,父节点,子节点
PHP-获取所有子节点以及根据子节点获取所有父节点
js获取树形结构中某节点的所有父节点和所有子节点

HTML

如果要获取如图所示的html中的id为“father”的子节点都有哪些方法？

首先获取父元素

var father = document.getElementById('father');  //通过id获取
var father = document.getElementsByClassName('fahter')[0]; //通过className获取
var father = document,getElementBysTagName('div')[0];//通过元素标签获取

方法一：

father.firstChild; //支持老版IE，谷歌中需要父子节点之间无空格
like    <div id="father"><div class="firstChild"></div></div>

方法二：

father.firstElementChild;   //老版IE无此方法

方法三：

father.children[0];

JavaScript 思维导图

jQuery 常用的节点操作
js 获取元素(父节点,子节点,兄弟节点) jQuery 获取元素(父节点,子节点,兄弟节点) 元素筛选
原生js 获取节点，操作节点，操作类名
js中获取节点和针对节点的操作以及类名操作获取节点孩子节点 childNodes 获取所有子元素节点和文本节点...
JS 获取子节点
如果要获取如图所示的html中的id为“father”的子节点都有哪些方法？首先获取父元素方法一：方法二： ...
JS获取子节点，父节点，兄弟节点
一、js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。...
JS获取子节点、父节点和兄弟节点的若干种方式
一、js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。g...
原生js一些操作DOM的方法
一、获取子节点 1、childNodes 获取子节点可以获取到文本节点如空格。 2、children 只获取子元...
JS学习笔记（Dom操作）
Dom操作：获取父节点：获取子节点：获取上一个兄弟节点：获取下一个兄弟节点：获取首尾子节点：
js、jq获取兄弟节点,父节点,子节点
一.js 注意操作父来控制子必须给子元素赋予一个变量二.jq
PHP-获取所有子节点以及根据子节点获取所有父节点
根据子节点获取所有的父节点以及父节点的父节点.. 根据节点获取所有子节点id
js获取树形结构中某节点的所有父节点和所有子节点
获取某节点的所有父节点获取某节点的所有子节点