一、概述

DOM（Document Object Model）:文档对象模型中，每个东西都是节点：

• 文档本身就是一个文档对象（html就是一个文档，文档就是一个对象）

  document.write(‘

  hello

  ‘) //浏览器会出现hello（写在script中）

• 所有html元素都是元素节点 - 每一个div都是一个节点，所有document里面的元素都是一个节点

  <div class="container">
      <div class="item" id="item1">小刘</div>
      <div class="item"></div>
      <div class="item"></div>
  </div>
  

• 所有html属性都是属性节点 - class就叫属性
• 元素内的文本是文本节点 - 上文中的小刘就是文本节点
• 注释是注释节点

获取节点属性

元素节点 - 1
属性节点 - 2
文本节点 - 3