Zum Inhalt springen

Einführung in das DOM

Schritt 2 von 7

Um ein neues Element hinzuzufügen, verwenden wir document.createElement. Dieses Beispiel zeigt, wie wir einen neuen Punkt (<p>) hinzufügen, der den Text "Hallo Welt!" enthält:

<!-- HTML -->
<!DOCTYPE html>
<html>
<head>
<title>DOM Beispiel</title>
</head>
<body>
<h1 id="title">Willkommen auf meiner Seite!</h1>
<script>
// JavaScript
var title = document.getElementById('title');
var paragraph = document.createElement('p');
paragraph.textContent = 'Hallo Welt!';
title.appendChild(paragraph);
</script>
</body>
</html>