DOM

DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级别则在这个结构的基础上引入了更多的交互能力，也支持了更高级的XML特性。为此DOM2和DOM3级分为许多模块（模块之间具有某种关联），分别描述了DOM的某个非常具体的子集。
这些模块如下：
1、DOM2级核心（DOM Level 2 Core）：在1级核心的基础上构建，为节点添加了更多方法和属性；
2、DOM2级视图（DOM Level 2 Views）：为文档定义了基于样式信息的不同视图；
3、DOM2级事件（DOM Level 2 Style）：定义了如何以编程方式来访问和改变CSS样式信息；
4、DOM2级遍历和范围（DOM Level 2 Traversal and Range）：引入了遍历DOM文档和选择其特定部分的新接口。
5、DOM2级HTML（DOM Level 2 HTML）：在1级HTML基础上构建，添加了更多属性、方法和新接口。
6、DOM3级又增加了XPath模块和加载与保存（Load and Save）模块。

DOM2级和3级的目的在于扩展DOM API，以满足操作XML的所有需求，同时提供更好的错误处理及特性检测能力。

空白区域也算text节点

浏览器渲染引擎的基本渲染流程：

1.解析HTML构建DOM树（构建DOM节点）

2.构建渲染树（解析样式信息）

3.布局渲染树（布局DOM节点）

4.绘制渲染树（绘制DOM节点）

判断是否html节点的方法：

var iselement=function(el){

     return !!el&&el.nodeType===1;

}

判断是否为xml文件的方法

var isxml=function(){
     return doc.document.createElement('p').nodeName!==doc.document.createElement('p').nodeName;
}

console.log(isxml(document));

p元素里面不能有块状元素