Ankündigung

Einklappen
Keine Ankündigung bisher.

document.querySelect('#id') geht nicht in Funktion, sonst ja

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • document.querySelect('#id') geht nicht in Funktion, sonst ja

    Hallo,

    folgenes Script, das ich in abgeänderter Form Thomas Theis: Einstieg in JavaScript entnommen habe, gibt die Fehlermeldung 'Node not found' zurück. Gibt man aber auf der Konsole document.querySelector('#a2'); an, wird der Knoten jedoch gefunden.

    HTML-Code:
    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>DOM, hinzufügen</title>
      <script>
    function einschieben()
    {
      var text = document.createTextNode("eingeschobener Absatz");
      var absatz = document.createElement("p");
      absatz.appendChild(text);
      document.body.insertBefore(absatz, document.querySelector("#a2"));
      // document.body.insertBefore(absatz, document.querySelector("#a3"));
    }
      </script>
    </head>
    
    <body>
      <div>
        <p id="a1">Erster Absatz</p>
        <p id="a2">Zweiter Absatz</p>
      </div>
      <p id="a3">Dritter Absatz</p>
      <input id="ein" type="button" value="Einschieben"></p>
      <script>
    document.getElementById("ein").addEventListener("click", einschieben);
      </script>
    </body>
    
    </html>
    Das liegt ja irgendwie an der Verschachtelungstiefe. Wie spricht man das an?

    Ja, bin totaler Anfänger. Gruss
    Konfulsius


  • #2
    body ist nicht Parent von #a2

    HTML-Code:
    document.querySelector("#a2").parentNode.insertBefore(absatz, document.querySelector("#a2"));

    Kommentar


    • #3
      Puh, das muss ich jetzt erstmal durchdringen.

      Vielen Dank kaminbausatz.

      Kommentar

      Lädt...
      X