IE nicht unterstützt 'insertBefore'

Ich habe ein problem mit diesem code :

    var logo = document.getElementById("move_this");
    prependElement('container', logo);

    function prependElement(parentID, child) {
        parent = document.getElementById(parentID);
        parent.insertBefore(child, parent.childNodes[0]);
    }

Im IE habe ich eine Fehlermeldung:

SCRIPT438: Objekt unterstützt keine Eigenschaft oder Methode 'insertBefore'

Gibt es eine Möglichkeit dieses problem zu beheben?

InformationsquelleAutor Teq1 | 2012-02-21
  1. 10

    Wie das verwenden:

    var parent=document.getElementById(parentID);

    sonst Elternteil wird global sein, aber es ist immer eine Globale parent-Objekt, das Elternteil Fenster(und es ist read-only).

    Außerdem:
    DH erfordert, als 2. argument ein Gültiger Knoten oder null, so sicher sein, dass Eltern childNodes um Fehler zu vermeiden:

    parent.insertBefore(child,(parent.hasChildNodes())
                            ? parent.childNodes[0]
                            : null);
    • (parent.hasChildNodes())?parent.childNodes[0]:null verkürzt werden kann, um parent.childNodes[0] || null
    • Das ist die Arbeit, gut für mich 🙂 Danke sehr 🙂
    InformationsquelleAutor Dr.Molle
  2. 4

    insertBefore funktioniert einwandfrei in IE so lang wie der 2. parameter eine gültige DOM-element, oder null ( typeof null ist Object und so ist ein typeof DOM-element).

    Für eine Array jede out-of-bound-index (in diesem Fall ist 0 als children[] ist leer) zurück undefined. IE funktioniert nicht mehr in der folgende Fall als 2. param wird undefined -

    parent.insertBefore(child, parent.childNodes[0])
//parent.childNodes[INDEX]
//where `INDEX` is greater than parent.childNodes.length

    So, einen besseren Ansatz für diesen Fall wird

    var refEl  = parent.childNodes[INDEX] || null;
parent.insertBefore(newRowHolderNode.childNodes[0], refEl);
    InformationsquelleAutor DDM
Schreibe einen Kommentar