简单的说： DOM 对象是 Web 浏览器用来在网页上呈现元素的对象。

浏览器直接使用 DOM 对象在浏览器窗口中渲染网页。

浏览器从 Web 服务器接收 HTML 文档，它只是文本。
浏览器继续将此文本解析为一个内部结构，它实际上可以用来以视觉方式呈现页面。
DOM 表示浏览器具有的 HTML 文档的内部结构。
DOM 对象代表页面上的视觉或者功能对象，它是从原始 HTML 文档创建的。

即使浏览器已经完全渲染了网页，我们也可以使用 JavaScript 来更改 DOM 对象，它的属性和值。

以这种方式进行的任何更改都会自动刷新浏览器窗口中显示的视觉表示。

使用 DOM 对象的优势在于我们可以直接访问操作 HTML 元素所需的一切。
DOM 对象的缺点是大多数添加的函数和属性是浏览器需要的东西，在我们使用 JavaScript 时不一定有用。
至少对于经验不足的开发人员来说，这会使与他们合作的速度变慢一些。

例如，要更改段落或者标签的内容，我们可以像这样使用 javascript：

document.getElementById("label_firstname").innerHTML = "First Name";