JavaScript 中的 el

Shraddha Paghdar 2023年10月12日
  1. 什麼是 JavaScript 中的 DOM
  2. JavaScript 中的 el 是什麼
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>');

appendToappend 之間的區別在於 append(content) 方法附加每個匹配元素的內容。相反,appendTo(selector) 方法將所有匹配的元素新增到另一組指定的元素中。

Shraddha Paghdar avatar Shraddha Paghdar avatar

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

相關文章 - JavaScript DOM