迹忆客 专注技术分享

本文将讨论文档对象模型 (DOM)、它的属性和操作文档的方法，以及 JavaScript 中的 el 是什么。

什么是 JavaScript 中的 DOM

DOM 或文档对象模型是标记语言文档（HTML 和 XML）的编程接口。它定义了文档的逻辑结构以及如何访问和修改文档。

DOM 以结构化和分层的方式呈现网页，使程序员和用户更容易浏览文档。

使用 DOM，我们可以使用 Document 对象提供的方法或命令轻松访问和操作标签、ID、类、属性或元素。

HTML 用于构建网页，而 JavaScript 允许你向网页添加行为。当 HTML 文件加载到浏览器中时，JavaScript 无法直接理解 HTML 文档。

然后创建相应的文档 (DOM)。DOM 使用对象以不同的格式表示相同的 HTML 文档。

JavaScript 解释 DOM，即 JavaScript 无法理解 HTML 文档中的 (H1) 标签，但它可以理解 DOM 中的 h1 对象。现在 JavaScript 可以使用不同的函数访问每个对象（h1、p 等）。

DOM 可以被认为是一棵树或森林（不止一棵树）。术语结构模型有时用于描述树状文档表示。

JavaScript 中的 el 是什么

现在我们知道了 DOM 是什么，让我们了解如何通过 JavaScript 修改文档。假设你想将一个表附加到 DOM 的现有主体元素。

$.el.table(
 $.el.tr(
   $.el.th('first name'),
   $.el.th('last name')),
 $.el.tr(
   $.el.td('John'),
   $.el.td('Doe'))
).appendTo(document.body);

在上面的代码中，el 指的是 DOM 的元素。它只是一个标识符 laconic 库。它是一个 JavaScript 库。

上面的代码等价于这个。

$('body').append("<table><tr><th>first name</th><th>last name</th></tr><tr><td>John</td><td>Doe</td></tr></table>");

appendTo 和 append 之间的区别在于 append(content) 方法附加每个匹配元素的内容。相反，appendTo(selector) 方法将所有匹配的元素添加到另一组指定的元素中。