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 思维导图