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 思維導圖

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。