YouTip

# XML DOM: Modifying Node Values In the XML DOM, every component of an XML document is a node. Modifying the data within an XML document involves changing either the text content of an element or the value of its attributes. This tutorial explains how to update XML data using the `nodeValue` property and the `setAttribute()` method. --- ## Core Concepts Before modifying values, it is crucial to understand how the DOM structures elements, text, and attributes: * **Element Nodes** do not contain text directly. Instead, their text is stored in a child node called a **Text Node**. To change the text of an element, you must modify its child text node. * **Attribute Nodes** are nodes associated with elements. Unlike element nodes, attribute nodes hold their values directly. You can modify attribute values either by targeting the attribute node itself or by using element-level methods. --- ## Modifying Element Text Values Because an element's text is stored in a child text node, you must navigate to that text node and update its `nodeValue` property. ### Syntax ```javascript elementNode.childNodes.nodeValue = "new_value"; // Or more safely, if you know the first child is the text node: elementNode.firstChild.nodeValue = "new_value"; ``` ### Code Example The following example changes the text value of the first `