1.0.4 文档对象模型

DOM概述：
DOM ： Document Object Model 文档对象模型
将标记型文档封装成了对象，并将该标记型文档中的所有内容（标签， 属性，文本）都封装成了对象
，实现对标签的操作，来达到动态效果

DOM解析：
当标记型文档被DOM解析器解析后，会按照标签的层次关系，产生一棵DOM树结构，这个树的分支被称为节点

Optional
BOM 概述
Browser Object Model 浏览器对象模型
浏览器本身是一个窗体，所以它有一个windows对象。 windows 包含如下对象
navigator： 包含关于Web浏览器的信息
history： 包含了用户已浏览的URL信息
location： 包含关于当前URL的信息
document：代表给定浏览器窗口中的HTML文档，也就是DOM对象

获取DOM元素
文档对象的加载顺序是从上到下的，所以js文件一定要等到 文件对象加载完毕

1. getElementById
   //根据文档对象的id来获得dom对象
   //id具有唯一性
   doucment.getElementById("username");

2.JS根据Name来获取，这个是元素name
//获得的是数组
document.getElementsByName

3.根据TagName标签名来获得（如div span, input）
//获得的是数组
document.getElementsByTagName("")