JS之DOM基础

JavaScript分三个部分：

1. ECMAScript标准：JS 的基本语法
2. DOM：Document Object Model —>文档对象模型 —操作页面的元素
3. BOM：Browser Object Model -->浏览器对象模型—操作的是浏览器的对象

---

DOM

• 文档对象模型(Document Object Model) 简称DOM ： 定义了访问和操作 HTML 文档的标准。

• 页面就是文档–document,文档中有根元素:html(可把一个html文件看成是一个文档，由于万物皆对象，所以把文档也看做对象)
• XML文件也可以看成是一个文档
• HTML：展示信息，展示数据的
  XML：侧重于存储数据

  <?xml verson="1.0" encoding="UTF-8" ?> 
  

• 标签可以嵌套，标签中有标签，元素中有元素
  html页面中都有一个根标签–html–也叫根元素
  页面中有一个根元素（标签–html）, 里面有很多元素（有很多的标签，有很多的对象）

• 元素(element)：页面中的所以的标签都是元素，元素可以看成是对象
• 节点(node)：页面中所以的内容都是节点：标签，属性，文本
  root:根

• html–>head
  ------->body—>其他的标签
  由文档及文档中的所有的元素(标签)组成的一个树形结构的图,叫树状图(DOM树)

---

DOM选择器

• id: document.getElementById("id属性的值");====>返回的是一个元素
• 标签: document.getElementsByTagName("标签的名字"); 无论获取的是一个标签，还是多个标签，最终都是在数组中存储的，这行代码的返回值就是一个伪数组(包含多个元素对象)
• name: document.getElementsByName("name属性的值"); ====>返回一个伪数组

----以下获取元素的操作，有些浏览器不支持

• class : document.getElementsClassName("类样式的名字");====>返回一个伪数组(H5中的)
• 选择器：