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