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

html:

<ul class="menu_in_menu">    <li class="menu_title" onclick="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]。