Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BrunoJavan

[Resolvido] getElementById retornando null

Recommended Posts

Olá, estou com um problema no mínimo curioso. Tenho uma div com ID "conteudo" e na hora de pegar essa div através do getElementById  ou até mesmo do querySelector, SEMPRE retorna null no console. O mais estranho é que se eu digito diretamente no console,  funciona normalmente. Detalhe: isso acontece tanto no Firefox quanto no Chrome.

Segue código abaixo:
 

<!DOCTYPE html>
<html lang="pt-BR">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Relógio</title>
	<script>
		console.log(
			document.getElementById("conteudo")
		);
	</script>
</head>
<body>
	<div id="conteudo">teste</div>
</body>
</html>

 

To até agora tentando entender pq sempre retorna null mas quando digito diretamente no console do navegador funciona. Alguém sabe me dizer que treta é essa?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você está executando o JS antes de a div existir no DOM.

 

Tente assim:

<body onload="fazAlgumaCoisaComADiv();">

ou coloque seu JS imediatamente antes do fechamento do body (sim, no final do arquivo).

 

Outras sugestões: https://stackoverflow.com/questions/9899372/pure-javascript-equivalent-of-jquerys-ready-how-to-call-a-function-when-t

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por crixus
      O seguinte script não retorna o valor de PRICE
       
      function getPreco() { var url = "https://api2.binance.com/api/v3/ticker/price?symbol=ADABNB"; var response = UrlFetchApp.fetch(url, {'muteHttpExceptions': true}); var json = response.getContentText(); var data = JSON.parse(json); //Logger.log(url); //Logger.log(response); //Logger.log(json); Logger.log(data); return data.price }  
      Ao executar em script.google 
       
      17:49:16 Notificação Execução iniciada 17:49:14 Informação {price=0.00433800, symbol=ADABNB} 17:49:17 Notificação Execução concluída  
      Usando o return data.price o resultado não deveria ser 0.00433800 ?
       
       
       
    • Por Leo da Silva
      Boa noite
       
      Alguém poderia me ajudar qual o resultado que o console mostrará nesse caso ? Sou iniciante.
       
      function calc(input) {
      var total = 0;
      for (i = 0; i < 1001; i++){
       total = i + total;
      }
      return total + input;
      };
      console.log(calc(100) + 1);
    • Por georgewar
      Tenho um arquivo com o seguinte conteúdo:
      aa.php
      <?php return [ 'lang' => 'en', 'Text' => 'achou', ]; De um outro arquivo, preciso retornar o conteúdo para um array e acessar:
      echo $arr['lang']; Como faço?
    • Por georgewar
      Olá. Após alguns anos sem programar em PHP, parece que esse Corona fez algo de útil.
       
      Estou começando um trabalho novo, utilizando o recente CI 4 e me deparei com uma situação que preciso resolver com a ferramenta de language do framework.
       
      na documentação do CI, para implementar a ferramenta de tradução, deve-se guardar diferentes arquivos com os textos. Algo semelhante assim:
       
      /app/Language/en/teste.php
      <?php return [ 'oi' => 'hello', 'casa' => 'house', 'ele' => 'he', ]; Dai, para chamar basta eu fazer:
      echo lang(teste.oi); //printa "Hello" e isso está funcionando O problema que estou querendo mandar para um array TODO o return, que posteriormente vai ser passado para a view. Porém a bagaça não funciona, pois manda apenas parte do conteúdo de return para o array. Alguém sabe como mando esse return para um array? Com file() cria-se um índice inteiro para cada linha. Já com file_get_contents() a código abaixo simplesmente some:
      <?php return [ 'oi'  
    • Por unset
      Olá a todos, tenho uma aplicação pequena, que roda normalmente no php5 porém ao mudar a versão do php para 7 a mesma está apresentando a seguinte mensagem de erro
       
      Notice: Trying to access array offset on value of type null in
       
       
      <?php /* * APP CORE CLASS * Creates URL & Loads Core Controller * URL Format - /controller/method/param1/param2 */ class Core { // Set Defaults protected $currentController = 'Pages'; // Default controller protected $currentMethod = 'index'; // Default method protected $params = []; // Set initial empty params array public function __construct(){ $url = $this->getUrl(); // Look in controllers folder for controller if(file_exists('../app/controllers/'.ucwords($url[0]).'.php')){ // If exists, set as controller $this->currentController = ucwords($url[0]); // Unset 0 index unset($url[0]); } // Require the current controller require_once('../app/controllers/' . $this->currentController . '.php'); // Instantiate the current controller $this->currentController = new $this->currentController; // Check if second part of url is set (method) if(isset($url[1])){ // Check if method/function exists in current controller class if(method_exists($this->currentController, $url[1])){ // Set current method if it exsists $this->currentMethod = $url[1]; // Unset 1 index unset($url[1]); } } // Get params - Any values left over in url are params $this->params = $url ? array_values($url) : []; // Call a callback with an array of parameters call_user_func_array([$this->currentController, $this->currentMethod], $this->params); } // Construct URL From $_GET['url'] public function getUrl(){ if(isset($_GET['url'])){ $url = rtrim($_GET['url'], '/'); $url = filter_var($url, FILTER_SANITIZE_URL); $url = explode('/', $url); return $url; } } }  
      Alguém poderia dar uma força ai?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.