brauchen Sie einige Ratschläge, mit getElementsByTagName

Könnte jemand bitte erklären Sie mir, ein paar details über getElementsByTagName und speziell, wie man richtig Durchlaufen der Knotenliste zurückgegeben getElementsByTagName.

Hier ist mein einfaches script, wo ich will, die Anzeige eines ausgewählten index in das alert-Fenster, aber mit der Verwendung von getElementsByTagName. Ich weiß, es ist vielleicht nicht eine sehr gute Lösung zu verwenden getElementsByTagName um die ausgewählte option Wert, aber trotzdem würde ich gerne verwenden getElementsByTagName wie kann es mir helfen zu verstehen, wie dies funktioniert

<script language="JavaScript">
<!--
   function process(){
     var a = document.getElementById('mySelect');
     var res = a.options[a.selectedIndex].text;

     alert(res);
   }
//-->
</script>

Und hier ist ein HTML-snippet:

<body>
<select name=""id="mySelect" onchange="process()">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

Also meine Frage ist:

Kann mir jemand sagen, wie das script funktioniert mit getElementsByTagName statt getElementById?

Vielen Dank!

InformationsquelleAutor user976813 | 2011-10-12
  1. 3

    Mittels getElementById zu erhalten, wählen Sie und getElementsByTagName Lesen Optionen

    function process(){
    var sel = document.getElementById("mySelect");
    var opts = sel.getElementsByTagName("option");
    for(var i=0;i<opts.length;i++){
        if(opts[i].selected){
             alert(opts[i].innerHTML);
             break;
        }
    }
}

    Beispiel

    Verwendung getElementsByTagName man wählen und getElementsByTagName bekommen Optionen

    function process(){
    var sels = document.getElementsByTagName("select");
    for(var i=0; i<sels.length;i++){
        var opts = sels[i].getElementsByTagName("option");
        for(var j=0;j<opts.length;j++){
            if(opts[j].selected){
                 alert(opts[j].innerHTML);
                 break;
            }
        }
    }
}

    Mit getElementsByTag Namen zu bekommen, und wählen Sie Optionen Objekt

    function process(){
    var sels = document.getElementsByTagName("select");
    for(var i=0; i<sels.length;i++){
        var sel = sels[i];
        alert( sel.options[sel.selectedIndex].text );
    }
}
    InformationsquelleAutor epascarello
  2. 0

    getElementById gibt ein einziges element, weil die ids sollen eindeutig sein, also es sollte nur ein element zurück, wenn die angegebene id vorhanden ist.

    getElementsByTagName gibt eine NodeList-Objekt mit allen Elementen mit dem angegebenen tag-Namen.

     <script language="JavaScript">
<!--
   function process(){
     var a = document.getElementsByTagName('select');
     var res = a[0].options[a[0].selectedIndex].text;

     alert(res);
   }
//-->
</script>
    • Technisch getElementsByTagName gibt eine NodeList-Objekt, das ein array-ähnliches Objekt. Es hat eine .length Eigenschaft und ist indiziert, aber andere array-Methoden wie .pop() wird nicht funktionieren. developer.mozilla.org/En/DOM/NodeList
    • Sehr guter Punkt aktualisieren, um dies zu reflektieren.
    InformationsquelleAutor Jrod
Schreibe einen Kommentar