一、dom和bom区别

1、BOM是浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对象等等）

DOM是文档对象模型，DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API，它并不与Java，JavaScript或其他语言绑定。

2、BOM是Browser Object Model的缩写，即浏览器对象模型。BOM和浏览器关系密切。浏览器的很多东西可以通过JavaScript控制的，例如打开新窗口、打开新选项卡（标签页）、关闭页面，把网页设为主页，或加入收藏夹，等等…这些涉及到的对象就是BOM。

DOM是Document Object Model的缩写，即文档对象模型。DOM和文档有关，这里的文档指的是网页，也就是HTML文档。网页是由服务器发送给客户端浏览器的，无论用什么浏览器，接收到的HTML都是一样的，所以DOM和浏览器无关，它关注的是网页本身的内容。由于和浏览器关系不大，所以标准就好定了。

3、BOM没有相关标准。由于没有标准，不同的浏览器实现同一功能，可以需要不同的实现方式。对于上面说的功能，不同的浏览器的实现功能所需要的JavaScript代码可能不相同。

DOM是W3C的标准。既然有标准了，大家就要按标准来了。

延伸阅读：

二、DOM树获取元素

根据ID获取:document.getElementById()根据标签名获取：document.getElementsByTagName()HTML5新增的方法获取根据类名放回元素对象集合:document.getElementByClassName()根据指定选择器返回名列前茅个元素对象:document.querySelector()根据指定选择器返回：document.querySelectorAll()获取特殊元素 body和html返回body元素对象：document.body返回html元素:document.documentElement

以上就是关于dom和bom区别的内容希望对大家有帮助。