Editing Document Object Model (section)

=== Elements as nodes ===
Elements in an HTML or XML document are represented as nodes in the DOM tree. Each element node has a tag name and attributes, and can contain other element nodes or text nodes as children. For example, an HTML document with the following structure:<syntaxhighlight lang="html">
<html>
  <head>
    <title>My Website</title>
  </head>
  <body>
    <h1>Welcome to DOM</h1>
    <p>This is my website.</p>
  </body>
</html>
</syntaxhighlight>will be represented in the DOM tree as:<syntaxhighlight lang="text">
- Document (root)
  - html
    - head
      - title
        - "My Website"
    - body
      - h1
        - "Welcome to DOM"
      - p
        - "This is my website."

</syntaxhighlight>