本文介绍 DOM 的核心概念，包括元素、文本和属性三种节点类型及其 nodeType 值。详细解析了 getElementById、getElementsByTagName、getAttribute 和 setAttribute 四个常用 DOM 方法的语法、参数要求及返回值类型，帮助开发者掌握基础 DOM 操作。
DOM 基础与节点类型
第三章 DOM
DOM 全称为“Document Object Model”（文档对象模型）。
节点
元素节点（element node）：作为 DOM 的基本构成单元，例如表示文本段落的 p 元素或表示无序列表的 ul 元素，其 nodeType 属性值为 1。
文本节点（text node）：始终包含在元素节点内部，其 nodeType 属性值为 3。
属性节点（attribute node）：位于起始标签内，例如 title="a gentle reminder"，其 nodeType 属性值为 2。
DOM 元素获取方法
getElementById() 方法返回的是对象。
使用 document.getElementById(id) 时，id 参数必须包裹在单引号或双引号中，例如：document.getElementById("purchases")。
getElementsByTagName() 方法返回的是对象数组。
调用 document.getElementsByTagName(tag) 时，tag 参数必须是 (x)html 标签的名称，并需包裹在双引号中，例如：document.getElementsByTagName("li")。
DOM 属性操作方法
getAttribute() 方法用于查询属性，需通过具体的对象进行调用。
语法为 object.getAttribute(attribute)。
setAttribute() 方法用于设置属性。
语法为 object.setAttribute(attribute,value)。