Häufig wollen wir nicht nur HTML-Elemente erzeugen und entfernen, sondern auch ihre Attribute manipulieren. Für das Setzen oder Verändern von Attributen gibt es in JavaScript die Methode setAttribute() von Elementobjekten. Das folgende Beispiel zeigt, wie man mit JavaScript einem Element aus dem HTML-Dokument einen Klassennamen geben kann.

<body>
<h1 id="ueberschrift">Jadegrüne Seide</h1>
<script>
var ueberschrift = document.getElementById("ueberschrift");
ueberschrift.setAttribute("class", "stoff");
</script>
</body>

Möchten wir den Attributwert nicht nur ändern, sondern das Attribut komplett vom HTML-Element entfernen, so hilft uns setAttribute() nicht weiter. Dafür wird die Methode removeAttribute() angeboten. Ihr kann man einfach den Attributnamen des zu löschenden Attributs übergeben, wie der folgende Code demonstriert.

<body>
<h1 id="ueberschrift" class="stoff">Jadegrüne Seide</h1>
<script>
var ueberschrift = document.getElementById("ueberschrift");
ueberschrift.removeAttribute("class");
</script>
</body>

Aufgabe

Erstelle ein Skript, welches dem body-Element eine id zuordnet.