Name der Einstellung der DOM-created-element schlägt in der IE — workaround?

Bekam ich etwas schwer von dieser heute:

function mk_input( name, val ) {
    var inp = document.createElement( 'input' );
    inp.name = name;
    inp.value = val;
    inp.type = 'hidden';

    return inp;
}

Als es stellt sich heraus, Einstellung der name der ein element erstellt, über createElement funktioniert nicht im IE. Es muss nicht zu einem Fehler oder irgendetwas, nur im hintergrund fehlschlägt, verursacht ein zu überlegen, warum Ihre verborgenen Felder sind nicht immer ordnungsgemäß gefüllt.

Soweit ich das beurteilen kann, gibt es keine Problemumgehung. Sie haben nur Biss die Kugel und das erstellen der <input> tag durch string-manipulation und kleben Sie es in mit .innerHTML statt.

Gibt es eine bessere Möglichkeit? Vielleicht mit so etwas wie jQuery? Ich habe eine oberflächliche Suche und habe nichts gefunden, genau akin to createElement in JQuery, aber vielleicht habe ich etwas verpasst.

  • Funktioniert es, wenn Sie den Namen gesetzt, sobald die Knoten in der DOM ?
  • Nein, das funktioniert auch nicht.
InformationsquelleAutor friedo | 2009-10-30
  1. 5

    Nur zu re-iterieren das problem: im IE, programmgesteuert festlegen der name - Attribut auf ein element erstellt, über document.createElement('input') ist, spiegelt sich nicht in den getElementsByName, form.elements (wenn das Anhängen eines Formulars), und nicht zusammen mit den form (wieder, wenn das Anhängen eines Formulars) [Referenz].

    Hier ist der workaround habe ich in der Vergangenheit verwendet (angepasst auf deine Frage von hier aus):

    function mk_input( name, val ) {
    var inp;
    try {
        inp = document.createElement('<input type="hidden" name="' + name + '" />');
    } catch(e) {
        inp = document.createElement("input");
        inp.type = "hidden";
        inp.name = name;
    }
    inp.value = val;
    return inp
}

    Dies ist ähnlich zu feature-Erkennung (im Gegensatz zur browser-Erkennung). Die ersten createElement gelingen wird, DH, während die letzteren wird es gelingen, die in den standards-compliant Browser.

    Und natürlich die jQuery-äquivalent, da Sie tagged die Frage als solche:

    function mk_input( name, val ) {
    return $('<input type="hidden" name="' + name + '" />')
        .val(val)
        .get(0)
}

    (wie nebenbei, unter der Haube jQuery ist zu tun, was Sie in Ihrer Frage beschreiben: es wird eine dummy - <div> und setzt seinen innerHTML zu den <input type="... Zeichenfolge übergeben, oben).

    Als @jeffamaphone Punkte aus, dieser bug wurde in IE8.

    • Danke, das ist genau die Art von Informationen, die ich suchte. Ich hasse die Vermischung in der HTML-string-Manipulationen in Javascript, aber es sieht aus wie ich haben keine Wahl hier. 🙁
    InformationsquelleAutor Crescent Fresh
  2. 2

    Sie fixiert diese im IE8. In früheren Versionen, müssen Sie den Namen, wenn Sie anrufen, createElement. Von MSDN:

    Internet Explorer 8 und höher setzen können
    das NAME-Attribut zur Laufzeit auf
    Elemente dynamisch erstellt mit der
    IHTMLDocument2::createElement-Methode.
    Erstellen Sie ein element mit einem NAMEN
    attribute, die in früheren Versionen von
    Internet Explorer, gehören die
    Attribut und seinen Wert, wenn mit der
    IHTMLDocument2::createElement-Methode.

    Hier ist das Beispiel von MSDN:

    var newRadioButton = document.createElement("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='First Choice'>")
    InformationsquelleAutor i_am_jorf
Schreibe einen Kommentar