vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL120 Nodes im DOM</title> <style></style> </head> <body> <!-- Parent (Elternelement) --> <div id="Inhalt"> <!-- First Child (Kindelement) von <body> --> <ul class="Liste"> <!-- Child von <div>, Parent von <li>, Sibling von <p> --> <li>Punkt 1</li> <!-- Child von <ul> --> <li>Punkt 2</li> <!-- Child von <ul>, next Sibling --> </ul> <p>Viel Text</p> <!-- Second Child von <div>, Sibling von <ul> und last Child von <div> --> </div> </body> </html>
