HTM5新特性

1.新方法

添加了getElementsByClassName()

2.classList属性

        a. add(): 添加

        b. remove() : 移除

        c. contains() : 包含

        d: toggle() : 切换

3.焦点

hasFocus()是否获得焦点，返回布尔

document.activeElement属性，始终会引用DOM中当前获得焦点的元素

4.HTMLDocument的变化

    a.  readyState有两个值：

        （1） loading: 正在加载文档  

        （2）complete: 已经加载完成文档

            用法：if( document.readyState == "complete") {

                    //执行操作

            }

    b.  兼容模式

        （1）标准模式： document.compatMode ==" CSS1Compat"

        （2）混杂模式： document.compatMode == "BackCompat"

    c.  自定义属性

 需添加data前缀

5.插入标记： 

a.innerHTML属性： 返回与调用元素的所有子节点对应的HTML标记 注：不能插入script标签

b.outerHTML属性: 在读模式下，返回调用他的元素和所有子节点的html标签；在写模式下，会根据指定的HTML字符串创建新的DOM子树，然后用这个DOM子树替换调用元素。

c.insertAdjacentHTML()方法： 插入的位置和要插入的HTML文本

第一个元素必须是"beforebegin", "afterbegin", "beforeend", "afterend"

6.scrollIntoView()方法：ture/false

7.文档模式

IE8引入了一个新的概念叫文档模式，文档模式决定了你使用哪种css。

IE5： 混杂模式

IE7 : 以IE7标准模式渲染页面

IE8 : 以IE8标准模式渲染页面

IE9 : 以IE9标准模式渲染页面

        强制浏览器以某种模式渲染页面，可以使用HTTP头部信息X-UA-Compatible,或等价的标签来设置：

<mata http-equiv="X-UA-Compatible" content="IE=IEVersion">

8.Children属性 : 以下两个结果是一样的

var childCount = element.children.length;

var firstChild = element.children[0];

9.