文字表述:
BOM 提供了访问浏览器各种功能部件的途径,例如浏览器窗口本身、浏览器历史等;
DOM 提供了访问浏览器中网页文档各元素的途径,包括页面中的超链接、表单等各种html元素及其内容。
BOM与DOM的关系:BOM的window对象中包含一个document属性,该属性是对DOM模型的document对象的引用,代表了当前窗口中网页文档所对应的document对象,通过该属性可以访问网页文档的各种内容。
结构图展示:
注释:
body是DOM对象里的body子节点,即 <body> 标签;
documentElement 是整个节点树的根节点root,即<html> 标签;