getElementById retornando um array

Assuntos Gerais
#1

Tem como um getElementById retornar um array???
algo do tipo assim:

<HTML>
   <SCRIPT LANGUAGE= "JAVASCRIPT">
			function teste ()
			{
				var campo[] = document.getElementById('t');
				alert(campo[0].value);
				alert(campo[1].value);
				//...
			}
  
   </SCRIPT>
   
   <BODY>
		
		<input type= "text" id  = 't' value ='1'>
		<input type= "text" id = 't' value ='2'>
		<input type= "text" id = 't' value ='3'>	
	   <a href = "#" Onclick = "teste();">teste</a>


	</BODY>
</HTML>

tava tentando fazer isso… mais nao estou conseguindo…

Grato pela atenção.

#2

Utilize a função getElementsByTagName() …

#3

hum… cara ainda nao estou conseguindo… na verdade … nao entendi o funcionamento desse metodo…
dei uma olhada no site … abaixo… http://www.w3schools.com/HTMLDOM/met_doc_getelementsbytagname.asp
teria como vc me dar um exemplo de como eu consigo pegar todas as minhas texts e colocas dentro de um array.

vlw cara!

#4

Um arquivo HTML válido não pode ter duas ou mais tags com o mesmo id.

Quando você quer trazer um array de componentes, utilize o método getElementsByTagName(), porém defina os atributos “name” dos componentes. Assim:

<input type= "text" name= 't' value ='1'>
<input type= "text" name= 't' value ='2'>
<input type= "text" name= 't' value ='3'>
#5

ha… vlw!

outra duvida… teria como eu criar dinamicamente um linha (

) com colunas e inputs dentro… ?

acho que fui meio confuso…

por eu estou com uma pagina onde vai aparacer um linha com inputs e ao lado tera que ter um botao add
quando clicar no add ele teria que criar dinamicamente embaixo a mesma estrutura que é emcima tipo isso aqui:

<tr>  
    <td>
    <input type= "text" name = "t" value ='1'>  
     </td>
    
     <td>
       <input type= "text" name = "t" value ='2'>  
     </td>

      <td>
          <input type= "text" name= "t" value ='3'>    
      </td>
 </tr>

tem como criar isso dinamincamete?

Novamente grato pela atenção!

#6

ha… eu fiz mais ainda ta dando erro…
nao é assim?

   <HTML>  
      <SCRIPT LANGUAGE= "JAVASCRIPT">  
               function teste ()  
               {  
			       var campo = document.getElementsById('tab').getElementsByTagName('t');
                   
				   alert(campo[0].value);
               }  
       
      </SCRIPT>  
        
      <BODY> 
       <table id="tab">	  
           <tr>  
              <td>
			      <input type= "text" name = "t" value ='1'>  
			  </td>
			  </td>
				<input type= "text" name = "t" value ='2'>  
			   </td>
			   <td>
                  <input type= "text" name= "t" value ='3'>    
			    </td>
            </tr> 
		<a href= "#" onClick="teste()">asdf</a>
     </table>
    </BODY>  
	   
   </HTML>
#7

Isto acontece prq vc tem mais de uma tag com o nome tab na sua pagina

solução 1: ou vc intera o array retornado
solução 2: vc muda o id para um valor unico

#8

input ? coloca eles em um form e pegue eles pelo form…
id é único a especificação diz isso, não retorna um array pois retorna a primeira referencia que encontrar.

// html
<form name="formulario">
/* inputs ...*/
</form>

// js
// function...
var f = document.forms['formulario'];
f.nomeInput[0...];

Buscar formulario por formName alem de mais correto é muito mais rapido que getElementById
e pegar os elementos por getElementsByTagName não é o correto para se trabalhar com elementos de formulario.

:wink:

#9

Cara…
muito obrigado é isso mesmo que eu queria!

VLW!

ha… fico assim oh um exemplinho “completo” !!:

[code]

clique

[/code]
#10