Dokument.getElementById(").Länge = 0 funktioniert nicht unter Win7

Ich habe eine select-Liste:

<select id="sel">
     <option>text1</option>
     <option>text2</option>
     <option>text3</option>
     <option>text4</option>
</select>

Möchte ich alle Einträge gelöscht, ohne for Schleife.
Ich habe versucht:

document.getElementById('sel').length = 0;

Aber das funktioniert nicht in einigen Browsern.

Irgendwelche Ideen?

Dank

InformationsquelleAutor Simon | 2010-05-18
  1. 7
    document.getElementById( 'sel' ).innerHTML = '';

    Verschoben von Kommentar:

    Sollten Sie verstehen, wie ein length Eigenschaft mehr wie ein nur-lese-Eigenschaft, die Ihnen Informationen über den Zustand des Objekts. Wie wenn man die Länge eines Arrays. Ändern diesen Wert jedoch nicht auf das eigentliche Objekt, während das entfernen eines Elements richtig, dass der browser neu Rendern des DOM für das element (und als solche den Wert aktualisieren). Ich denke, dass einige Browser möglicherweise interpretieren Einstellung eine Länge auf null, wird deutlich, dass Objekt, sondern in der Regel, dass sollte nicht das erwartete Verhalten. Auch ich denke, dass Element.length ist eigentlich nicht Teil der DOM-Spezifikation.

    Fügen Sie einige Referenzen zu, dass der Kern DOM-Element keine parameter length. Sowohl die HTMLSelectElement und die HTMLOptionsCollection (erreichbar über HTMLSelectElement.options) haben eine Länge Attribut aber Einstellung erheben sollten, eine DOMException.

    So, in beide Richtungen einstellen der Länge ist illegal durch die standard-und als solche sollte nicht verwendet werden, wenn Sie möchten, unterstützt die meisten Browser.

    • danke man, es funktioniert:) könntest du erklären, warum einige Browser nicht "verstehen" length-Methode?
    • Sie versuchten, legen Sie die Länge der select element; Sie benötigt, um die Länge seiner options array (siehe meine Antwort für ein Beispiel, aber die innerHTML Variante funktioniert auch gut).
    • die Zuordnung 0 zu length tatsächlich mutieren arrays. length ist auch Teil des DOM-1-Spezifikationen für HTMLCollection: w3.org/TR/2000/WD-DOM-Level-1-20000929/... haben Sie Recht, es ist als schreibgeschützt markiert.
    • Ich zog meinen Kommentar zur Antwort und fügte einige Referenzen.
    • Einstellung der length Eigenschaft auf ein DOM-element ist in der Tat sinnlos, da Sie nicht haben, ein. Einstellung der length - Eigenschaft eines Arrays ist eine absolut gültige und richtige Weg, um seine Länge zu ändern; siehe Abschnitt 15.4 von der Spezifikation (ecma-international.org/publications/standards/Ecma-262.htm): *"..., wenn die length - Eigenschaft geändert wird, wird jede Eigenschaft, deren name ist ein array-index, dessen Wert nicht geringer ist als die neue Länge wird automatisch gelöscht.."
    • +1 für den Hinweis auf die HTMLOptionsCollection soll eine Ausnahme auslösen, wenn die Einstellung der Länge-Attribut. Auch wenn die meisten Browser Sie unterstützen, und Sie können nicht garantieren, dass es funktionieren wird.

    InformationsquelleAutor poke
  2. 4

    Entweder dieser Arbeit:

    document.getElementById('sel').options.length = 0;

    oder

    document.getElementById('sel').innerHTML = "";
    • Crowder-Dokument.getElementById('sel').Optionen.Länge = 0; i getestet, funktioniert nicht
    • hat bei mir immer funktioniert, in jedem browser, die ich je ausprobiert habe: jsbin.com/okaqe Was verwenden Sie?
    • Frisch funktioniert nicht in Google Chrome
    • funktioniert bei mir, Chrome 2, 3 und 4 (nicht 1.0), alle Windows Server 2003. Welches OS verwenden Sie?
    • Neuinstallation Von Windows Sieben. Google Chrome 4.1.249.1064 kann das Betriebssystem beeinflussen?
    • Funktioniert bei mir in Chrome 4.1.249. options.length= 0 ist die standard-kanonische Weg, um eine leere wählen gehen so weit zurück wie die alten Netscape 2, so wäre es eine überraschung, wenn einige browser brach es.
    • Ich bin Chrome 4.1.249.1064 zu. Wer sonst hat Win7 um zu testen? jsbin.com/okaqe
    • Frisch getestet hab ich es nur jetzt! es löscht Elemente Teil für Teil! erst nach vier Klick löscht alle items.
    • Ich kann mir nicht vorstellen, das OS macht den Unterschied, Nein, aber ich habe einen Win7 Rechner kann ich installieren Sie Chrome auf später zu sehen. Es funktioniert auf Chrome 4 (IE und FF) auf WinXP-ich denke, vielleicht Ihre test-Fall nicht ganz richtig ist.
    • ok, sind Sie ernst? Mit dieser exakten test link oder in Ihrer eigenen Probe?
    • Funktioniert bei mir in allen Browsern auf meinem Rechner: FF36, IE8, Opera 9, Opera 10, Safari 4, Chrome (neueste Version). Ich bin damit einverstanden, dass dies der Weg zu trimmen, die Liste der Optionen seit ewig.
    • Frisch, natürlich bin ich serios!!!
    • Setzen Chrome 4 auf meinem Win7 Rechner, und es funktioniert auch da; das ist sehr alte Sachen, würde ich schon schockiert gewesen, wenn es zerbrochen waren. Live-version: jsbin.com/ivule3 Pastie: pastie.org/967162, In, dass, ich vermied alle Bibliotheken und es einfach gehalten.

    InformationsquelleAutor T.J. Crowder
Schreibe einen Kommentar