element.innerHTML // erlaubt Zugriff auf den HTML-Code
element.innerText // erlaubt Zugriff auf den Text-Inhalt (ist im Zweifel sicherer, als innerHTML, da bereinigt)
element.className // erlaubt Zugriff auf die CSS-Klassen (bei Verändern der Klasse per Javascript wird das gesamte Class-Attribut überschrieben!!! - eventuell gehen Klassen dabei verloren)
element.classList // zeigt die gesamten einzelnen Klassen des Elements an
element.classList.remove("default"); // entferne nur die Klasse default -> die anderen Klassen bleiben unberührt
element.classList.add("primary"); // fürge die Klasse primary hinzu -> die anderen Klassen bleiben unberührt
element.style // erlaubt Zugriff auf CSS-Style-Attribute
element.style.color = "red"; // verändert die color
Vorsicht: das Minus - ist bei javascript schon belegt, will man also z.B. die border-top verändern, heißt das borderTop!!!
Beispiel:
let f = function() { // Hiermit holen wir uns jetzt das Element...
let element = document.getElementById("test"); // ... und greifen auf die .innerHTML - Eigenschaft zu,
return element.innerHTML; // die wir direkt per "return" zurückgeben.
};
