HTML DOM Document 对象

DOM简介

1、DOM

每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
DOM全称 Document Object Model，即文档对象模型，它允许脚本(js)控制Web页面、窗口和文档。
DOM 标准被分为 3 个不同的部分：
核心 DOM – 针对任何结构化文档的标准模型
XML DOM – 针对 XML 文档的标准模型
HTML DOM – 针对 HTML 文档的标准模型

2、js与DOM的关系

dom是用来添加动态页面效果的。
1、在浏览器加载一个页面时，浏览器会解析HTML，并创建文档的一个内部模型，其中包含HTML标记的所有元素，自上而下解析，遇到JavaScript浏览器会检查它的正确性，然后执行代码。
2、JavaScript继续执行，使用DOM检查页面、完成修改、从页面接受事件，或者要求浏览器从Web服务器获取其它数据
注：document是一个反映HTML的对象，通过调用document的方法改变DOM的状态，也就是改变HTML页面
3、JavaScript修改了DOM时，浏览器会随着动态更新页面。

3、DOM的作用

• Dom 能够改变页面中的所有 HTML 元素
• Dom 能够改变页面中的所有 HTML 属性

通过三种方法找到想要取得的 HTML 元素

• 通过id 找到HTML元素
• 通过标签名找到HTML元素
• 通过类名找到HTML元素

<div id = "box">
    <script>
        var o = document.getElementById("box");   
        //通过id获得元素         
    </script>