vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL122 Nodes ersetzen</title> <style> .gelesen {color: red;} </style> </head> <body> <div id="inhalte"> <h1 id="ue1">Datenschutz</h1> <h1 id="ue2">Allgemeine Bestimmungen </h1> <button onClick="meineFunktion();">Gelesen</button> </div> <script> function meineFunktion() { var neuesElement = document.createElement("p"); var neuerText = document.createTextNode("Gelesen"); neuesElement.appendChild(neuerText); var neuesAtt = document.createAttribute("class"); neuesAtt.value = "gelesen"; neuesElement.setAttributeNode(neuesAtt); var elternElement = document.getElementById("inhalte"); var altesElement = document.getElementById("ue1"); elternElement.replaceChild(neuesElement, altesElement); } </script> </body> </html>
