导入
示例网页
让我们来看看如何使用 JavaScript 遍历 DOM。
以下是本章中使用的示例网页。
No configuration found for ID: 08619ac9884b41ae174c404c2f468b787724a55403b4db31be4eee82aba508cc
说明
让我们详细分析上述 HTML 代码。
- 第1行：声明
<html>标签，表示 HTML 文档的开始。 - 第2至3行：声明
<head>标签的开始和结束。当前网页的头部部分为空。 - 第4至36行：定义网页的主体内容区域。这是实际显示内容的部分。在此区域内，我们使用了多种标签。
- 第5行：使用
<h1>标签定义文档的第一个标题。 - 第6行：使用段落标签
<p>。 - 接着在 第7行 使用
<div>声明一个容器，并在 第35行 结束。这是主要的容器，所有内容都将放入其中。我们还为该容器设置了id属性。这在使用自定义 CSS 或通过 JavaScript 访问元素时非常有用。 - 第10至18行：使用
<ul>标签创建一个无序列表，并通过<li>标签填充内容。你可能注意到，这个列表被赋予了id = "ancient"。 - 从 第21行 到 第29行，以相同方式定义了另一个无序列表，其
id = "new"。 - 类似地，第32和33行 是指向参考链接的超链接。
注意：如果使用带有成对结束标签的标签，建议先完整写出标签再插入内容。否则可能会导致 HTML 行为异常。