Javascript'e yazarak ögelere erişim

Question

Bir süre önce javascript, üzerinde bir test yapıyordum ve tüm elemanların metnini almak için bir kod ile çaldı, Şimdi böyle bir şey yapmaya çalışıyordum ama tüm elemanlar belirli bir türe göre, örneğin tüm elemanlar type = "text" Javascript'te bunu yapmanın bir yolu var mı yoksa jquery kullanmalı mıyım? Düz yaşındaki JavaScript'inizde

var xx = document.getElementsByClassName("class"); 
for (i=0;i<xx.length;i++){ 
    var str=xx[i].innerHTML; 
      alert(str); 
} 

Thanks-

Answer 1

bunu yapabilirsiniz: jQuery yılında

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

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

, sadece yapardın:

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

Answer 2

cızırtı seçici motoru (ne güçler JQuery) bunun için mükemmel bir şekilde tasarlanmıştır:

Eğer şanslıysanız ve son tarayıcılar için sadece bakım gerekiyorsa

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

Ya

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

Answer 3

, şunları kullanabilirsiniz:

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

"Son" değil IE6 ve IE7

Answer 4

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

demektir