getElementById retornando um array

29 de agosto de 2008 8 respostas

rdgms 29 de agosto de 2008

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.

8 Respostas

ramilani12 29 de ago. de 2008

Utilize a função getElementsByTagName() …

rdgms 29 de ago. de 2008

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!

Leonardo3001 29 de ago. de 2008

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'>

rdgms 29 de ago. de 2008

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!

rdgms 29 de ago. de 2008

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>

Abdon 29 de ago. de 2008

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

maniacs 30 de ago. de 2008

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.

rdgms 30 de ago. de 2008

Cara...
muito obrigado é isso mesmo que eu queria!

VLW!

ha.. fico assim oh um exemplinho "completo" !!:

<html>
 <script language = "javascript">

 function faz()
 {
  var f = document.forms['formulario'];   
  alert(f.texto[1].value); 
  
 }
 
 
 </script>
 
 
<form name = "formulario">
	 <input type = "text" name = "texto" value = "1">  
	 <input type = "text" name = "texto" value = "2">  
	 <input type = "text" name = "texto" value = "3">  
	 <input type = "text" name = "texto" value = "4">  
</form>	 
 
 
 <a href = "#" onClick = "faz();"> clique </a>



</html>

Criado 29 de agosto de 2008

Ultima resposta 30 de ago. de 2008

Respostas 8

Participantes 5

8 Respostas

Topicos relacionados