Sind add() und appendChild (), das gleiche für select-DOM-Objekte?

Dem ich arbeite, eine kleine web-Anwendung, ändert sich der Inhalt einer select-drop-down.

Ich Frage mich, ob appendChild() und add (), die beide die gleiche Aufgabe, die auf einer select-DOM-Objekt in JavaScript?


var someSelect = document.getElementById('select-list');
var newOption = document.createElement('option');
someSelect.appendChild(newOption);
//The above is the same as the following?
someSelect.add(newOption);
InformationsquelleAutor kevin628 | 2010-08-31
  1. 3

    In diesem Fall, ich glaube, Sie würden die gleiche Aufgabe.

    add( ) ist vorgesehen, speziell über die HTMLSelectElement interface speziell zum hinzufügen von Optionen zu einer select element und hat ein paar zusätzliche Optionen (wie z.B. einen optionalen index, an dem hinzufügen von neuen option usw.).

    appendChild( ) geben Sie eine gerade Anhängen der Kind-Knoten.

    Watch out für die verschiedenen Implementierungen der beiden Methoden cross-browser: ich denke, das wäre Ihr größter Schwachpunkt. Wenn ich mich Recht erinnere, die IEs würde dazu führen, Probleme beim Anhängen Kindern zu selects, so möchten Sie vielleicht, um add wenn diese Methode existiert und fallen zurück auf appendChild.

    • Wie das aussieht, wäre die beste option. Danke!
    InformationsquelleAutor ajm
  2. 5

    Wenn Sie sicher sein möchten, cross-browser-Kompatibilität, wenn Manipulation Optionen innerhalb einer <select>, der sicherste Weg ist die Verwendung der options Eigenschaft, und füllen Sie es mit Option Objekte. Die folgenden altehrwürdige Methode funktioniert in allen skriptfähigen Browsern seit den späten 1990er Jahren:

    var options = select.options;
options[options.length] = new Option("Option text", "option_value");
    • options[options.length] wäre besser geschrieben als options.push()
    • Nein. options ist nicht ein Array ist und nicht ein push() Methode.
    InformationsquelleAutor Tim Down
  3. 1

    Ich denke, es sollte gleichwertig sein, aber hier finden Sie eine Frage, die Bemerkungen der verschiedenen Implementierungen, wenn Sie versuchen zu arbeiten mit der option Gruppen:

    SELECT-box: IE-Element Hinzugefügt wird OptGroup statt root. FF ok

    IE schlägt fehl, zum hinzufügen einer neuen option "in der Wurzel", wenn es bereits einen Gruppe innerhalb der select-element.

    InformationsquelleAutor Pablo Lozano
Schreibe einen Kommentar