【无标题】

记录一下webapi很重要的知识点

DOM 节点

节点是文档树的组成部分，每一个节点都是一个 DOM 对象，主要分为元素节点、属性节点、文本节点等。

1. 【元素节点】其实就是 HTML 标签，如上图中 head、div、body 等都属于元素节点。
2. 【属性节点】是指 HTML 标签中的属性，如上图中 a 标签的 href 属性、div 标签的class 属性。
3. 【文本节点】是指 HTML 标签的文字内容，如 title 标签中的文字。
4. 【根节点】特指 html 标签

document

document 是 JavaScript 内置的专门用于 DOM 的对象，该对象包含了若干的属性和方法。

获取DOM对象

1. querySelector 满足条件的第一个元素
2. querySelectorAll 满足条件的元素集合 返回伪数组

通过修改 DOM 的文本内容，动态改变网页的内容。

1. innerText 将文本内容添加/更新到任意标签位置，文本中包含的标签不会被解析。
2. innerHTML 将文本内容添加/更新到任意标签位置，文本中包含的标签会被解析。