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