Zugreifen auf Elemente nach Typ in Javascript

Vor einer Weile habe ich einige test auf 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);
}

Dank-

InformationsquelleAutor der Frage Saikios | 2011-05-05

  1. 47

    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();

    InformationsquelleAutor der Antwort karim79

  2. 38

    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 der Antwort Mic

  3. 1

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

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

    Oder

    var elements = $('input:text');

    InformationsquelleAutor der Antwort Matthew Abbott

  4. 1
    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 der Antwort zvona

Schreibe einen Kommentar