02.06.2023, 10:54
Hi,
ich bin gerade am verzweifeln und habe via Google, bereits x Seiten gecheckt. Ich finde den Fehler nicht obwohl an der Syntax alles passen müsste.
Inzwischen habe ich einen kleinen Testschnipsel herausgenommen und es nochmal damit versucht. Aber auch hier läuft die insertBefore-Methode nicht.
Ich weiß nicht was ich falsch mache, aber wahrscheinlich ist es nur eine Kleinigkeit.
Wahrscheinlich werden viele jetzt einen Lachkrampf bekommen, aber gut... Bin halt JS-Anfänger.
Hier nun mein Codeschnipsel:
<body>
<input type="button" id="idNew_paragraph" value="neues p-Element">
<p id="idErster_paragraph">Von Anfang an bestehender Paragraph.</p>
<script>
"use strict"
var new_paragraph = document.getElementById("idNew_paragraph");
var first_p = document.getElementById("idErster_paragraph");
new_paragraph.addEventListener("click", ()=> {
var new_p = document.createElement("p");
new_p.innerText = "Das ist ein neu hinzugefügter Paragraph.";
//document.body.appendChild(new_p); //funktioniert wuderbar
first_p.insertBefore(new_p); //funktioniert nicht, keine Ahnung warum
});
</script>
</body>
Ich will es gern verstehen woran es hängt. Daher bin ich für eine kurze Erläuterung sehr dankbar.
Liebe Grüße
Marco
ich bin gerade am verzweifeln und habe via Google, bereits x Seiten gecheckt. Ich finde den Fehler nicht obwohl an der Syntax alles passen müsste.
Inzwischen habe ich einen kleinen Testschnipsel herausgenommen und es nochmal damit versucht. Aber auch hier läuft die insertBefore-Methode nicht.
Ich weiß nicht was ich falsch mache, aber wahrscheinlich ist es nur eine Kleinigkeit.
Wahrscheinlich werden viele jetzt einen Lachkrampf bekommen, aber gut... Bin halt JS-Anfänger.
Hier nun mein Codeschnipsel:
<body>
<input type="button" id="idNew_paragraph" value="neues p-Element">
<p id="idErster_paragraph">Von Anfang an bestehender Paragraph.</p>
<script>
"use strict"
var new_paragraph = document.getElementById("idNew_paragraph");
var first_p = document.getElementById("idErster_paragraph");
new_paragraph.addEventListener("click", ()=> {
var new_p = document.createElement("p");
new_p.innerText = "Das ist ein neu hinzugefügter Paragraph.";
//document.body.appendChild(new_p); //funktioniert wuderbar
first_p.insertBefore(new_p); //funktioniert nicht, keine Ahnung warum
});
</script>
</body>
Ich will es gern verstehen woran es hängt. Daher bin ich für eine kurze Erläuterung sehr dankbar.
Liebe Grüße
Marco