JavaScript 中的 el
本文将讨论文档对象模型 (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 库。
关于 laconic
库的更多信息可以在这个文档中找到。
上面的代码等价于这个。
$('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)
方法将所有匹配的元素添加到另一组指定的元素中。
Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.
LinkedIn