Zugriff auf Elemente nach Typ in javascript

Vor einer Weile habe ich einige test in Javascript,
und spielte mit einem code, um den text aller Elemente mit einer bestimmten Klasse,
Jetzt war ich versucht, etwas zu machen, wie diesem, sondern erhalten alle Elemente von einem bestimmten Typ, zum Beispiel alle Elemente type="text"
Gibt es eine Möglichkeit, dies zu tun, die in Javascript oder sollte ich jquery verwenden?

var xx = document.getElementsByClassName("class");
for (i=0;i<xx.length;i++){
    var str=xx[i].innerHTML;
            alert(str);
}
  • Sie können versuchen, Dokument.getElementsByTagName(tagname). Eine andere Sache ist - iQuery ist javascript so alles möglich ist mit jQuery auch möglich ist, ohne dass es.
InformationsquelleAutor Saikios | 2011-05-05
  1. 57

    In plain old JavaScript können Sie dies tun:

    var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == 'text') {
        alert(inputs[i].value);
    }
}

    In jQuery, würden Sie gerade tun:

    //select all inputs of type 'text' on the page
$("input:text")

//hide all text inputs which are descendants of div class="foo"
$("div.foo input:text").hide();
    • Ich benutzte dies, um den Absenden-button.
    InformationsquelleAutor karim79
  2. 52

    Wenn Sie Glück und müssen sich nur für neuere Browser, die Sie verwenden können:

    document.querySelectorAll('input[type=text]')

    "jüngsten" bedeutet nicht, IE6 und IE7

    InformationsquelleAutor Mic
  3. 3
    var inputs = document.querySelectorAll("input[type=text]") ||
(function() {
    var ret=[], elems = document.getElementsByTagName('input'), i=0,l=elems.length;
    for (;i<l;i++) {
        if (elems[i].type.toLowerCase() === "text") {
            ret.push(elems[i]);
        }
    }

    return ret;
}());
    InformationsquelleAutor zvona
  4. 1

    Die sizzle selector engine (welche Kräfte JQuery) ist perfekt gerüstet für diese:

    var elements = $('input[type=text]');

    Oder

    var elements = $('input:text');
    InformationsquelleAutor Matthew Abbott
Schreibe einen Kommentar