//element.firstChild—->谷歌和火狐获取的是第一个子节点
//element.firstChild—->IE8获取的是第一个子元素
//element.firstElementChild———>谷歌和火狐是第一个子元素,IE8不支持

获取任意一个父级元素的第一个子级元素

  1. function getFirstElementChild(element) {
  2. if(element.firstElementChild){//true--->支持
  3. return element.firstElementChild;
  4. }else{
  5. var node=element.firstChild;//第一个节点
  6. while (node&&node.nodeType!=1){
  7. node=node.nextSibling;
  8. }
  9. return node;
  10. }
  11. }

获取任意一个父级元素的最后一个子级元素

  1. function getLastElementChild(element) {
  2. if(element.lastElementChild){//true--->支持
  3. return element.lastElementChild;
  4. }else{
  5. var node=element.lastChild;//第一个节点
  6. while (node&&node.nodeType!=1){
  7. node=node.previousSibling;
  8. }
  9. return node;
  10. }
  11. }

console.log(getFirstElementChild(my$(“uu”)).innerText);
console.log(getLastElementChild(my$(“uu”)).innerText);