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的所有需求,同时提供更好的错误处理及特性检测能力。
DOM_第1张图片

空白区域也算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));

DOM_第2张图片 DOM_第3张图片 DOM_第4张图片






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

你可能感兴趣的:(JavaScript,dom)