Dokument.insertBefore wirft Fehler

Ich habe dieses Stück code:

  <textarea id="test" style="width: 400px; height: 100px"></textarea>
  <script>
    var inserting = document.createElement("div");
    document.insertBefore(inserting,document.getElementById("test"));
  </script>

Dem einfügen sollte DIV id=inserting vor textarea id=test, aber dieser Fehler tritt auf,

Node was not found" code: "8

Ich benutze FireFox 3.6 mit Firebug auf WinXP. Wo ist das problem?

InformationsquelleAutor Jan Turoň | 2010-10-28
  1. 10

    insertBefore muss namens auf das übergeordnete element des Elements, vor dem eingefügt wird:

    <textarea id="test" style="width: 400px; height: 100px"></textarea>
  <script>
    var inserting = document.createElement("div");
    var insertAt = document.getElementById("test");
    insertAt.parentNode.insertBefore(inserting,insertAt);
  </script>
    InformationsquelleAutor RoToRa
  2. 3

    .insertBefore() muss aufgerufen werden, auf einen DOM-Knoten. document ist nicht ein DOM-Knoten. Versuchen Sie es mit dem Eltern-Knoten textarea.

    InformationsquelleAutor jwueller
  3. 2

    Wie andere erwähnt haben, müssen Sie rufen Sie insertBefore auf die übergeordnete <textarea> Knoten. Gemäß der API-Dokumentation für Knoten.insertBefore:

    Zusammenfassung

    Fügt den angegebenen Knoten, bevor Sie ein reference-element als Kind des aktuellen Knotens.

    Syntax

    var insertedElement = parentElement.insertBefore(newElement, referenceElement);

    Wenn referenceElement null ist, newElement ist eingefügt an das Ende der Liste der untergeordneten Knoten.

    • insertedElement Die Knoten eingefügt werden, dass ist newElement
    • parentElement Der Elternteil der neu eingefügte Knoten.
    • newElement Den Knoten zu legen.
    • referenceElement Den Knoten, vor dem newElement eingefügt werden.

    Du willst also sagen etwas entlang der Linien von:

    parent_element_goes_here.insertBefore(inserting,document.getElementById("test"));

    Statt:

    document.insertBefore(inserting,document.getElementById("test"));

    Auch Ihr code ausgeführt wird, bevor der DOM fertig geladen wurde. Sie können sicherstellen, dass alle in der DOM-Elemente, die geladen werden, indem die Fenster.onload event-handler. Aus der MDC-docs:

    Load-Ereignis feuert am Ende des Dokuments geladen werden. An diesem Punkt werden alle Objekte im Dokument werden in den DOM, und alle, die Bilder und die sub-frames vollständig geladen ist.

    Also statt den code direkt, Sie würde dies tun:

    window.onload=function(){
    ...
}
    • dein code funktioniert nicht. verzögert das script macht hier nichts, denn der dom ist in Ordnung.
    • Danke, der link war sehr nützlich.
    InformationsquelleAutor Justin Ethier
  4. -1

    Den Sie hinzufügen möchten Ihren Knoten zu document.body nicht document:

    document.body.insertBefore(inserting, document.getElementById("test"));
    • lol, die downvoting ist dieser 7 Jahre später. es war die richtige und es ist immer noch richtig - die textarea gehört zu document.body, nicht document.
    • Ich war es nicht, aber der downvote ist fair: wenn die textarea ist nicht DIREKTES Kind von body (d.h. verschachtelte div -), es ist unspezifisch Verhalten und Opera gibt mir Fehler Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. Die Frage enthält nur einen Ausschnitt, nicht den ganzen code.
    InformationsquelleAutor lincolnk
Schreibe einen Kommentar