使用 JavaScript 和 DOM 接口遍历 HTML 表格 |
您所在的位置：网站首页 › js表单校验动态生成表格 › 使用 JavaScript 和 DOM 接口遍历 HTML 表格 |
注意我们创建元素和文本节点的顺序： 首先我们创建了 元素。 然后，我们创建了 的子元素 。 然后，我们使用循环语句创建了 的子元素，。 对于每一个 元素，我们使用一个循环语句创建它的子元素 。 对于每一个 元素，我们创建单元格内的文本节点。现在，我们创建了 、、 和 等元素，然后创建了文本节点；接下来，我们将每一个对象逆序地接在各自的父节点上： 首先，我们使用这段代码将每一个文本节点接在 元素上。 jscell.appendChild(cellText); 然后，我们将每一个 元素接在它的父元素 上。 jsrow.appendChild(cell); 然后，我们将每一个 元素接在它的父元素 上。 jstblBody.appendChild(row); 下一步，我们将 元素接在它的父元素 上。 jstbl.appendChild(tblBody); 最后，我们将 元素接在它的父元素 上。 jsdocument.body.appendChild(tbl);请记住这个机制。你将会在 W3C DOM 编程中经常使用它。首先，你从上到下的创建元素；然后你从下向上的将子元素接在他们的父元素上。 下面是由 JavaScript 代码生成的 HTML 代码： html cell is row 0 column 0 cell is row 0 column 1 cell is row 1 column 0 cell is row 1 column 1下面是由代码生成的 及其子元素的 DOM 对象树：
你只需使用一些 DOM 方法就可以建立这个表及其内部子元素。记住要牢记你打算创建的结构的树形模型；这将使你更容易写出必要的代码。在图 1 的 树中，元素 有一个子节点：元素 。 有两个子节点。每个 的子节点（）有两个子节点（）。最后，每个 有一个子节点：一个文本节点。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |