JavaScript DOM

DOM（Document Object Model）文檔對象模型，將網(wǎng)頁轉(zhuǎn)為一個JS對象，從而用腳本進(jìn)行各種操作。

七種節(jié)點(diǎn)類型：

  • Document：,文檔樹的頂層節(jié)點(diǎn)
  • DocumentType：doctype標(biāo)簽
  • Element：各種HTML標(biāo)簽
  • Attribute：網(wǎng)頁元素的屬性
  • Text：標(biāo)簽之間或標(biāo)簽包含的文本
  • Comment：注釋
  • DocumentFragment：文檔的片段
    瀏覽器提供一個原生的節(jié)點(diǎn)對象Node，具有共同的屬性和方法。

節(jié)點(diǎn)樹中各節(jié)點(diǎn)的關(guān)系：

  • 父節(jié)點(diǎn)關(guān)系
  • 子節(jié)點(diǎn)關(guān)系
  • 同級節(jié)點(diǎn)關(guān)系

Node接口
DOM操作的基礎(chǔ)是Node。

nodeType屬性，表示節(jié)點(diǎn)的類型

  document.nodeType //9

不同節(jié)點(diǎn)的nodeType屬性值和對應(yīng)的常量如下：

  • document：9, 對應(yīng)常量Node.DOCUMENT_NODE
  • element：1, 對應(yīng)常量Node.ELEMENT_NODE
  • attr：2, 對應(yīng)常量Node.ATTRIBUTE_NODE
  • text：3, 對應(yīng)常量Node.TEXT_NODE
  • DocumentFragment：11, 對應(yīng)常量Node.DOCUMENT_FRAGMENT_NODE
  • DocumentType：10，對應(yīng)常量Node.DOCUMENT_TYPE_NODE
  • Comment：8，對應(yīng)常量Node.COMMENT_NODE

文檔節(jié)點(diǎn)：

  1. nodeName：#document
  2. nodeValue：null

元素節(jié)點(diǎn)：

  1. nodeName：大寫的標(biāo)簽名
  2. nodeValue：null

屬性節(jié)點(diǎn)：

  1. nodeName：屬性的名稱
  2. nodeValue：null

文本節(jié)點(diǎn)：

  1. nodeName：#text
  2. nodeValue：文本內(nèi)容

文檔片段節(jié)點(diǎn)：

  1. nodeName：#document-fragment
  2. nodeValue：null

文檔類型節(jié)點(diǎn)：

  1. nodeName：文檔的類型
  2. nodeValue：null

注釋節(jié)點(diǎn)：

  1. nodeName：#comment
  2. nodeValue：文本內(nèi)容

未完待續(xù)。。。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??DOM（文檔對象模型）是針對 HTML 和 XML 文檔的一個 API（應(yīng)用程序編程接口）。 ??DOM 描繪...
    霜天曉閱讀 3,877評論 0贊 7
  • 什么是DOM？？？ DOM(Document Object Model 文檔對象模型)是針對HTML和XML文檔的...
    熒惑3_3閱讀 1,581評論 0贊 1
  • 目錄 1. 基本概念 1.1 Node類型 DOM1級定義了一個Node接口，該接口由DOM中所有節(jié)點(diǎn)類型實(shí)現(xiàn)。這...
    王童孟閱讀 504評論 0贊 1
  • 一、node類型 nodeType屬性:表明節(jié)點(diǎn)的類型nodeNamenodeValue 2、節(jié)點(diǎn)關(guān)系 child...
    Tom36閱讀 567評論 0贊 0
  • 有人說我越來越成熟了，其實(shí)，是我在一步步成長。以前想不明白的問題現(xiàn)在都明白了，以前不理解的現(xiàn)在也能釋然了。也...
    言行合一小號閱讀 259評論 5贊 4

友情鏈接更多精彩內(nèi)容