JS dom基础一 节点获取及元素节点内容操作篇

DOM基础

• DOM: Document Object Model 文档对象模型

  作用: 用来处理与当前文档内容有关的操作

• DOM树

  当HTML文档加载时, 浏览器会根据我们页面里书写的html代码, 创建一个反映元素之间嵌套关系的树状结构. DOM树是由一个个节点组成.

  注意: DOM树不仅仅 只由HTML元素组成!!!

  DOM的节点类型有很多, 元素节点只是其中的一种

• DOM节点的类型:

  1. 元素节点

  2. 声明节点

  3. 文本节点 文字内容 空格

  4. 注释节点

  5. 文档节点 document

• 节点之间的关系

  1. 子节点

  2. 父节点

  3. 兄弟节点

特殊节点及其获取方式

• 文档节点

  console.log(document);

• html节点

  console.log(document.querySelector(“html”), document.documentElement);

• body节点

  console.log(document.querySelector(“body”), document.body);

• head节点

  console.log(document.querySelector(“head”), document.head);

• 声明节点

  console.log(document.doctype);