Zum Inhalt springen

Manipulation des DOM mit JavaScript

Schritt 3 von 7

Ändern von Text und Attributen Wir können auch Text und Attribute von DOM-Elementen ändern. Hier ist ein Beispiel, das den Text eines Elements ändert:

<!-- html ... -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM Manipulation</title>
</head>
<body>
<button id="myButton">Klicke mich</button>
<p id="myText">Hallo Welt</p>
</body>
</html>
// javascript ...
document.getElementById('myButton').onclick = function() {
document.getElementById('myText').innerText = 'Hallo JavaScript!';
}

Dieses Skript ändert den Text des p-Elements mit dem ID myText in "Hallo JavaScript!".