DOM文档树形结构由不同节点组成，图14.1.1文档对象模型展示的都是节点，各个节点具有特定的分类：
◇ 根节点，最顶层的<html>标签称为根节点，是HTML文档的最顶层标签。
◇ 父节点，节点的上一层节点称为父节点，比如<html>是<head>和<body>的父节点，<head>是<meta>和<title>的父节点。
◇ 子节点，节点的下一层称为子节点，比如<head>是<html>的子节点，<meta>是<head>的子节点。
◇ 兄弟节点，具有相同父节点的节点称为兄弟节点，比如<head>和<body>互为兄弟节点，<meta>和<title>互为兄弟节点。
◇ 后代节点，子节点的下一层节点及下下一层的节点称为后代节点，比如<title>和<div>是<html>的后代节点。
◇ 叶子结点，DOM中文档树形结构最底层的节点称为叶子节点，比如文本“DOM介绍”“text-2”是叶子节点。
每个节点都是node，只有node节点类型（nodeType）是1的节点才称为元素（Element），即标签（Tag）。父节点和子节点的关系是相对的。
每个节点根据节点类型分为：
◇ 元素节点，HTML文档的标签，比如<html>、<head>、<body>、<h1>、<div>。
◇ 文本节点，元素节点中包含的文本内容，比如<title>标签中的文本“DOM介绍”、<div>标签包含的“text-2”。
◇ 属性节点，元素节点的属性，比如<meta>标签的“charset”属性、<h1>标签的“id”属性。
节点类型nodeType还包括其他类型，比如注释节点。节点类型如下表所示。(www.chuimin.cn)
表14.2.1 节点类型列表
提示
文档全部由节点组成，标签是节点的一种类型，通常情况下，也使用元素表示标签。节点是总体统称，标签和元素是同一个意思。在代码中，合理的用法是使用node表示节点，tag表示标签，element表示元素。
14.2.1.html查看标签、文本、注释的节点类型，如下所示。
动手写14.2.1
执行14.2.1.html，输出结果到网页，如下图所示。
图14.2.2 节点类型
所有节点都具有nodeName属性，用来表示节点名称，比如comment.nodeName是“#comment”，document.nodeName是“#document”，text.nodeName是“#text”。其中，标签具有特殊的tagName，比如h1.nodeName和h1.tagName都是大写的H1。
有关零基础JavaScript从入门到精通的文章
不论是使用location跳转新的网址，还是使用history跳转，都会导致浏览器刷新网页，重新请求大部分重复的CSS、JS等文件。这种切换不会导致网页刷新，对用户更友好。动手写13.4.2执行13.4.2.html，注意网址变化时网页不会刷新，如下图所示。图13.4.2使用history.pushState()刷新网页history.pushState()需要配合window.onpopstate()事件一起使用，才能完全实现浏览器网页的前进、后退、刷新和跳转。......
2023-11-08
图10.4.9字符串拼接2.split()方法与拼接相反的是拆分，split()函数将字符串拆分成字符串数组，语法如下：参数说明：◇ str：表示字符串、字符串变量或字符串对象。◇ limit：可选参数，表示最多拆分成多少个子字符串；如果拆分后数组的长度大于limit，则下标大于limit的元素全部丢弃，不返回剩余的字符串；如果缺少该参数，则按照分隔符全部拆分。图10.4.10字符串拆分......
2023-11-08
continue语句用于终止本次循环，继续执行下一次循环，语法格式如下：语法格式说明：◇ continue有两种使用形式，默认不加标签名，结束紧邻的循环语句。◇ continue跟随标签名，表示终止本次循环之后跳转的位置。图6.4.3continue语句终止本次循环上例使用continue语句跳过奇数。提示continue跳出外层循环会使代码的可读性变得很差，一般情况下不建议使用。......
2023-11-08
表13.2.3document对象方法◇ document.getElementById，即使存在多个相同id，也返回第一个节点，从语义上不应该存在多个相同id。动手写13.2.3执行13.2.3.html，输出结果到网页，如下图所示。图13.2.3document对象方法HTMLCollection和NodeList并不是数组，只是和数组的数据结构类似，不具有数组相关方法，俗称伪数组。函数内部的arguments对象也属于伪数组。提示HTMLCollection使用时一般将其实例转换为数组，比如使用boldCollection=[].slice.call，转换成数组后，节点变化不再影响数组长度。......
2023-11-08
