[RESOLVIDO] document.getElementById() retornando null

Front-end
#1

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:

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

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

#2

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 >

#3

[quote=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 >[/quote]

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

#4

O evento não seria no a ?

Qual o seu problema.

Não entendi muito bem.

#5

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.

#6

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,

#7

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.

#8

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.
=)

#9