[RESOLVIDO] document.getElementById() retornando null

4 de julho de 2012 7 respostas

Mstanguine 4 de julho de 2012

Olá a todos, bom dia.

Estou fazendo uma funcção bem simples em JavaScript, mas estou com problemas, onde está sempre me retornado null. =(
Segue:

&lt;head&gt;
   function pegarId(id){
     var receive = document.getElementById(id);
     alert(receive);
   }
&lt;/head&gt;

&lt;body&gt;
    <li  ><a >Pessoa 1</a></li>
&lt;/body&gt;

Alguém saberia o porque esta retornando null?
Pois ao meu ver, esta correto...

Agradeço quem ajudar. =)
_____________________________________________________________________

Vou postar o código aqui embaixo também, porque entre as tags [code] esta sendo removido parte do código:

<head>
function pegarId(id){
var receive = document.getElementById(id);
alert(receive);
}
</head>

<body>
< li id="Pessoa 1" onClick="pegarId(this)">< a href="#">Pessoa 1</ a>
</body>

7 Respostas

yagoftware 4 de jul. de 2012

testei assim:

<head>  <script>
   function pegarId(id){  
     var receive = document.getElementById(id);
     alert(receive);  
   }  </script>
</head>  
  
<body>  
   <li id=1 OnClick="pegarId(1)"> <a href="#">pessoa1</a>
</body>

deu certo, retornando [object HTMLLIElement], que é o objeto < li >

Mstanguine 4 de jul. de 2012

yagoftware:

testei assim:

&lt;head&gt;  &lt;script&gt;
   function pegarId(id){  
     var receive = document.getElementById(id);
     alert(receive);  
   }  &lt;/script&gt;
&lt;/head&gt;  
  
&lt;body&gt;  
   <li  > <a >pessoa1</a>
&lt;/body&gt;

deu certo, retornando [object HTMLLIElement], que é o objeto < li >

Obrigado pela atenção. =)
Mas o problema que essas ‘li’ serão geradas dinamicamente, onde o ID será random.

lele_vader 4 de jul. de 2012

O evento não seria no a ?

Qual o seu problema.

Não entendi muito bem.

henriquejhc 4 de jul. de 2012

Isso deve resolver seu problema.

< li id="Pessoa 1" onClick="pegarId(this.id)">< a href="#">Pessoa 1</ a>

Você também pode colocar o evento na tag e setar um id para esta tag.

Edit: deu problema na exibição do código que postei.

Espero ter ajudado.

rodrigo.ferreira 4 de jul. de 2012

Oi, boa tarde.

O que você está querendo fazer é isto?

<head><title>Titulo</title></head>
<body>
    <script type="text/javascript">
       function tratarElemento(objeto){  
         alert(objeto);  
       }  
    </script>
      
    < li id="Pessoa 1" onClick="tratarElemento(this)">< a href="#">Pessoa 1</ a>
....
</body>

Por que se for, você não precisa passar um ID pra depois pegar o elemento… quando você usa o “this”, você já está passando o elemento inteiro.

Não sei se é bem isso o que você quer, mas teste aí.

Abraço,

CyberX 4 de jul. de 2012

Veja se isso te ajuda.

<html>
<body>
	<li id="Pessoa 1" onClick="pegarId(this.id)">
	<a href="#">Pessoa 1</ a>
</body>
	
	
	<script type="text/javascript">
		function pegarId(id){
			var receive = document.getElementById(id);
			alert(receive);
		}
	</script>
	</body>
</html>

Flws.

Mstanguine 4 de jul. de 2012

Obrigado a todos pelas respostas.

Enfim, acabei usando jQuery mesmo.
E ao invés de pegar por ID do ‘li’, peguei o texto que estava entre ‘a’, pois ele terá o mesmo valor que o ID.

Ficou assim:

var $form = $("#div a").click(function() { var idTitulo = $(this).text();

Mais uma vez agradeço a atenção de todos.
=)

Criado 4 de julho de 2012

Ultima resposta 4 de jul. de 2012

Respostas 7

Participantes 6

7 Respostas

Topicos relacionados