YouTip

`). | `Element`, `Text`, `Comment`, `ProcessingInstruction`, `CDATASection`, `EntityReference` | | **Attr** | Represents an attribute of an element (e.g., `category="cooking"`). | `Text`, `EntityReference` | | **Text** | Represents the textual content inside an element or attribute. | None | | **CDATASection** | Represents a CDATA section in XML (text that will not be parsed by the XML parser). | None | | **Comment** | Represents a comment (e.g., ``). | None | | **Entity** | Represents an entity. | `Element`, `ProcessingInstruction`, `Comment`, `Text`, `CDATASection`, `EntityReference` | | **Notation** | Represents a notation declared in the DTD. | None | --- ## Node Properties: `nodeName` and `nodeValue` Depending on the node type, the `nodeName` and `nodeValue` properties return different values. The table below outlines what each node type returns: | Node Type | Returned `nodeName` | Returned `nodeValue` | | :--- | :--- | :--- | | **Document** | `#document` | `null` | | **DocumentFragment** | `#document-fragment` | `null` | | **DocumentType** | Document type name (e.g., `html`) | `null` | | **EntityReference** | Name of the entity reference | `null` | | **Element** | Element tag name (uppercase in HTML, case-sensitive in XML) | `null` | | **Attr** | Attribute name | Attribute value | | **ProcessingInstruction** | Target of the instruction | Entire content of the node | | **Comment** | `#comment` | Comment text content | | **Text** | `#text` | Text content of the node | | **CDATASection** | `#cdata-section` | Text content of the CDATA section | | **Entity** | Entity name | `null` | | **Notation** | Notation name | `null` | --- ## Node Type Named Constants Instead of remembering numeric codes, you can use named constants defined on the `Node` interface. The table below maps the numeric values to their corresponding named constants: | Numeric Value | Named Constant | | :--- | :--- | | **1** | `Node.ELEMENT_NODE` | | **2** | `Node.ATTRIBUTE_NODE` | | **3** | `Node.TEXT_NODE` | | **4** | `Node.CDATA_SECTION_NODE` | | **5** | `Node.ENTITY_REFERENCE_NODE` | | **6** | `Node.ENTITY_NODE` | | **7** | `Node.PROCESSING_INSTRUCTION_NODE` | | **8** | `Node.COMMENT_NODE` | | **9** | `Node.DOCUMENT_NODE` | | **10** | `Node.DOCUMENT_TYPE_NODE` | | **11** | `Node.DOCUMENT_FRAGMENT_NODE` | | **12** | `Node.NOTATION_NODE` | --- ## Code Examples ### Example 1: Checking Node Types and Names This JavaScript example loads an XML document and iterates through the child nodes of the root element, outputting their `nodeName` and `nodeType`. ```javascript // Load the XML document const xmlDoc = loadXMLDoc("books.xml"); // Get the child nodes of the root element () const childNodes = xmlDoc.documentElement.childNodes; for (let i = 0; i < childNodes.length; i++) { const node = childNodes; console.log(`Node Name: ${node.nodeName} | Node Type: ${node.nodeType}`); } ``` ### Example 2: Retrieving Node Values This example demonstrates how to retrieve the text content of elements. Note that the text inside an element is actually stored in a child **Text Node** (`nodeType === 3`). ```javascript const xmlDoc = loadXMLDoc("books.xml"); // Select the first