Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.
Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.
Hier der zugehörige JS-Code:
Hier der JS-Code:
function init() {
// Selektion nach ID
const mainElement = document.getElementById("main");
mainElement.className = "border";
}
Hier der CSS-Code:
.border {
border: thick solid red;
border-radius: 25px;
padding: 5px 25px 25px 25px;
}