js获取子节点childNodes和children的区别

html:

<ul class="menu_in_menu">
    <li class="menu_title" οnclick="getElement(this)">菜单一li>
    <li class="menu_list">菜单二li>
    <li class="menu_list">菜单三li>
ul>

js代码：

function getElement(currentElement){

 var father = currentElement.parentElement;//获得当前点击按钮的父节点

 var list = father.children;//获取所有标签子结点
 var list1 = father.childNodes;//获取所有标结点包涵文本结点

}

list结果为[li.menu_title,li.menu_title,li.menu_title]。

list1结果为[text,li.menu_title,text,li.menu_title,text,li.menu_title,text]。