49 DOM查询剩余方法

• 在docunment有一个属性body，他保存的是body的引用
  var body = document.body;
• document.documentElement保存的是html根标签
  var html = document.documentElement;
• document.all代表页面中所有的元素
  var all = document.all;
  • 各个浏览器支持性一般
  • 或者用tagName，//常用
  • body = document.getElementsByTagName(“body”);
  • html = document.getElementsByTagName(“html”);
  • all = document.getElementsByTagName(“*”);

• 根据class属性值查询一组元素节点对象
  • getElementsByClassName()可以根据class属性值获取一组元素节点对象
    • 但是该方法不支持IE8及以下的浏览器
    • 获取页面中的所有的div
    • var divs = document.getElementsByTagName("div");

• document.querySelector()
  • 需要一个选择器的字符串作为参数，可以根据一个CSS选择器，来查询一个元素节点对象
  • 虽然IE8中没有getElementsByClassName(),但是可以使用querySelector()
  • 使用该方法总会返回唯一的元素，如果满足条件的元素有多个，则只会返回第一个
  • var div = document.querySelector(".box1 div");

• document.querySelectorAll()
  • 该方法和querySelector()用法类似，不同的是它会将符合条件的元素封装到一个数组中返回
  • 即使符合条件的元素只有一个，他也会返回数组