DOM節點的種類有很多,可以大致分為以下幾類:
-
文件節點 (Document Node): 代表整個HTML文件。這是DOM樹的根節點,所有其他節點都是它的後代。只有一個文件節點。
-
元素節點 (Element Node): 代表HTML元素,例如
<p>
,<div>
,<body>
,<html>
等。這是最常見的節點型別,用於構建頁面的結構。 -
文字節點 (Text Node): 代表HTML元素中的文字內容。例如,在
<p>This is some text.</p>
中,“This is some text.”就是一個文字節點。 -
屬性節點 (Attribute Node): 代表HTML元素的屬性,例如
<img src="image.jpg" alt="An image">
中的src
和alt
就是屬性節點。注意: 在DOM Level 4 規範之後,屬性節點不再是DOM樹的一部分,而是元素節點的一部分,可以透過元素節點訪問其屬性。雖然一些瀏覽器在實現上可能仍然保留了屬性節點,但建議使用元素節點的屬性訪問方法。 -
註釋節點 (Comment Node): 代表HTML中的註釋,例如
<!-- This is a comment -->
。 -
文件型別節點 (DocumentType Node): 代表文件型別宣告,例如
<!DOCTYPE html>
。它指示瀏覽器使用哪個HTML或XML版本來解析文件。 -
文件片段節點 (DocumentFragment Node): 一種輕量級的文件節點,用於在記憶體中構建DOM片段,然後將其插入到實際文件中。這可以提高效能,因為它減少了對實際文件的直接操作。
-
處理指令節點 (Processing Instruction Node): 用於向XML處理器傳送指令,例如
<?xml-stylesheet type="text/css" href="styles.css"?>
。在HTML中較少使用。
除了以上這些主要的節點型別之外,還有一些其他的節點型別,例如CDATA節點(在HTML中已棄用)等。 在實際開發中,最常用的節點型別是元素節點、文字節點和文件節點。
希望這個回答對您有所幫助!