文字表述:

BOM 提供了访问浏览器各种功能部件的途径,例如浏览器窗口本身、浏览器历史等;

DOM 提供了访问浏览器中网页文档各元素的途径,包括页面中的超链接、表单等各种html元素及其内容。

BOM与DOM的关系:BOM的window对象中包含一个document属性,该属性是对DOM模型的document对象的引用,代表了当前窗口中网页文档所对应的document对象,通过该属性可以访问网页文档的各种内容。

结构图展示:

BOM树和DOM树

注释:

        body是DOM对象里的body子节点,即 <body> 标签;

       documentElement 是整个节点树的根节点root,即<html> 标签;

 

相关文章: