javascript中children,childNodes等节点属性

1、children与childNodes

children： 获取子元素节点，无兼容问题

childnNodes：

　　IE：获取子元素节点

　　非IE（chrome，Firefox等）：获取子节点，包括元素节点和文本节点

2、firstChild与firstElementChild

firstChild：

　　IE6,7,8：获取第一个子元素节点

　　非IE6,7,8：获取第一个子节点，元素节点/文本节点

firstElementChild：

　　IE6,7,8：不支持

　　非IE6,7,8： 获取第一个子元素节点

3、lastChild与lastElementChild

lastChild：

　　IE6,7,8：获取最后一个子元素节点

　　非IE6,7,8：获取最后一个子节点，元素节点/文本节点

lastElementChild：

　　IE6,7,8：不支持

　　非IE6,7,8：获取最后一个元素节点

4、nextSibling与nextElementChild

nextSibling：

　　IE6,7,8：获取后一个兄弟元素节点

　　非IE6,7,8：获取后一个兄弟节点，元素节点/文本节点

nextElementChild：

　　IE6,7,8：不支持

　　非IE6,7,8：获取后一个兄弟元素节点

5、previousSibling与previousElementChild

previousSibling：

　　IE6,7,8：获取前一个兄弟元素节点

　　非IE6,7,8：获取前一个兄弟节点，元素节点/文本节点

previousElementChild:

　　IE6,7,8：不支持

　　非IE6,7,8：获取前一个元素节点

6、parentNode

　　获取父元素节点，无兼容问题

转载于:https://www.cnblogs.com/chen-cong/p/8305781.html