js中12种获取节点和元素的方法

  //父级节点
  console.log(对象名.parentNode);
  //父级元素
  console.log(对象名.parentElement);
  //子节点
  console.log(对象名.childNodes);
  //子元素
  console.log(对象名.children);
  console.log("==============================================");
  //第一个子节点
  console.log(对象名.firstChild);//------------------------IE8中是第一个子元素
  //第一个子元素
  console.log(对象名.firstElementChild);//-----------------IE8中不支持
  //最后一个子节点
  console.log(对象名.lastChild);//------------------------IE8中是第一个子元素
  //最后一个子元素
  console.log(对象名.lastElementChild);//-----------------IE8中不支持
  //某个元素的前一个兄弟节点
  console.log(对象名.previousSibling);
  //某个元素的前一个兄弟元素
  console.log(对象名.previousElementSibling);
  //某个元素的后一个兄弟节点
  console.log(对象名.nextSibling);
  //某个元素的后一个兄弟元素
  console.log(对象名.nextElementSibling);

总结:凡是获取节点的代码在谷歌和火狐得到的都是 相关的节点
凡是获取元素的代码在谷歌和火狐得到的都是 相关的元素
从子节点和兄弟节点开始,凡是获取节点的代码在IE8中得到的是元素,获取元素的相关代码,在IE8中得到的是undefined----元素的代码,iE中不支持