原生js獲取子元素

感謝原文作者：歸一山人
原文鏈接：https://www.cnblogs.com/guiyishanren/p/12214757.html

獲取子元素的方法有

//獲取第一個demo類
dom = document.getElementsByClassName('demo')[0];
//獲取父節點
dom.parentNode;
//獲取上一兄弟節點
dom.previousSibling;
dom.nextSibling;
//獲取第一個子元素
dom.firstChild
//最后一個元素
dom.lastChild
//獲取demo類下面的所有子元素
children = dom.childNodes;
//因為瀏覽器會把dom節點下的空格 換行 文本都會當成一個元素 ，我們要找元素節點的話，只能把他們剔除
for(var i;i<children.length;i++){
    if(children[i].nodeName == '#text'){
        children.remove(children[i]);
    }
}//這樣我們可以選擇我們想要的第幾個子元素了 比如第二個元素 children[1]

備注： 可以console.log 查看對象屬性 解決辦法
另外，在有些瀏覽器中會將空格也當作子元素，可以將空格刪掉。