使用 JavaScript 和 DOM 接口遍历 HTML 表格

注意我们创建元素和文本节点的顺序：

现在，我们创建了 、、 和 等元素，然后创建了文本节点；接下来，我们将每一个对象逆序地接在各自的父节点上：

请记住这个机制。你将会在 W3C DOM 编程中经常使用它。首先，你从上到下的创建元素；然后你从下向上的将子元素接在他们的父元素上。

下面是由 JavaScript 代码生成的 HTML 代码：

下面是由代码生成的 及其子元素的 DOM 对象树：

你只需使用一些 DOM 方法就可以建立这个表及其内部子元素。记住要牢记你打算创建的结构的树形模型；这将使你更容易写出必要的代码。在图 1 的 树中，元素 有一个子节点：元素 。 有两个子节点。每个 的子节点（）有两个子节点（）。最后，每个 有一个子节点：一个文本节点。