(Methods and Properties)
Zum Testdokument, bitte die JavaScript-Console des Browsers benutzen.
Methode:
document.getElementById("headline")
Eigenschaft:
innerHTML
Befehl:
document.getElementById("headline").innerHTML = "Guten Abend!";
Methode:
document.getElementsByTagName("p")
;
Methode:
document.getElementsByClassName("hellblau")
;
Methode:
document.getElementById("headline").setAttribute("class", "hellrot")
;
var para = document.createElement("h4");
var node = document.createTextNode("Das ist eine neu hinzugefügte h4-Überschrift.");
para.appendChild(node);
var element = document.getElementById("wrapper");
element.appendChild(para);
para.setAttribute("id", "new")
Es ist nötig, das Eltern-Element zu identifizieren, bevor ein Kind-Element entfernt werden kann.
var child = document.getElementById("wrapper");
child.parentNode.removeChild(child);
Innerhalb des HTML-Elements wird ein gewöhnlicher HTML-Event oder ein DOM-Event genutzt.
HTML-Events: https://www.w3schools.com/js/js_events.asp
DOM-Events: https://www.w3schools.com/jsref/dom_obj_event.asp