Methoden und Eigenschaften

Code skill

Finde und ändere die Inhalte von HTML-Elementen mit der DOM-API.

Dieser Quellcode zeigt dir, wie du die DOM-API verwendest, um HTML-Elemente nachträglich zu verändern, nachdem sie schon auf dem Bildschirm angezeigt worden sind. Die DOM-API ist eine Sammlung von Methoden und Eigenschaften, mit denen du deine Webseiten dynamisch und interaktiv mach kannst. Das heißt die Webseite ändert sich, wenn eine Benutzerin oder ein Benutzer etwas anklickt oder in ein Textfeld etwas einträgt.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <title>Methoden</title>
  <script>
     function einfügen() {
        document.getElementById("Behälter").innerHTML = "etwas wichtiges";
      }
  </script>
</head>
<body>
  <input type="button" value="Einfügen" onclick="einfügen();"/>
  <div id="Behälter"></div>
</body>
</html>