HTML5一DOM相关的API

1.getElementsByClassName():接受一个参数，返回带有指定类的所有元素的NodeList。传入多个类名时，类名的先后顺序不重要。
2.classList：每个元素都有一个classList属性，它是DOMTokenList的实例，以集合的形式表示元素的class属性的值，它有如下方法：
  add(value)：将给定的字符串添加到列表中，如果已存在，就不添加了。
 contains(value)：列表中是否存在给定的值，如存在则返回true，否则返回false。
  remove(value)：从列表中删除给定的字符串。
 toggle(value)：如果列表已存在给定的值，删除它；如果列表中没有给定的值，添加他。
3.焦点管理
 document.activeElement：这个属性始终引用DOM中当前获得了焦点的元素。
     var o = document.getElementById_x_x_x_x_x_x_x_x_x('name');
     o.focus();
     alert(document.activeElement ==o));      //true
 document.hasFoucs():判断文档是否获得了焦点。
    var o = document.getElementById_x_x_x_x_x_x_x_x_x('name');
    o.focus();
    alert(document.hasFoucs());      //true
4.document.readyState：document对象的readyState属性，表示当前文档的加载状态，它有两个可能的值。
  loading：正在加载文档；
  complete：已经加载完文档。
5.document.compatMode：document对象的compatMode属性，表示当前浏览器采用哪种渲染模式：在标准模式下，document.compatMode的值等于'CSS1Compat';在混杂模式下，它的值等于'BackCompat'。
6.document.head：引用文档的head元素。
  var head =document.head||document.getElementsByTagName('head')[0];
7.字符集属性
  document.charset：表示文档中实际使用的编码级；
 document.defaultCharset：根据浏览器及操作系统的设置，当前文档默认的编码级。
 如果文档没有使用默认的编码级，则charset和defaultCharset属性的值可能会不一样。
8.自定义属性：HTML5规定可以添加非标准的属性，但要添加前缀data-，目的是为元素提供与渲染无关的信息，或者提供语义信息。
 

添加完自定义属性后，可以通过元素的dataset属性来访问自定义属性的值。dataset属性的值是DOMStringMap的一个实例，也就是一个名值对的映射。在这个映射中，每个data-name形式的属性都会有一个对应的属性，只不过属性名没有data-前缀。
  var div =document.getElementById_x_x_x_x_x_x_x_x_x('div');
 alert(div.dataset.class);    //hello
 alert(div.dataset.id);       //world