setproperty Javascript

| | | | | | | | | | | | | | | | | | | | | | | | |

A propriedade innerHTML permite definir o conteúdo de um elemento usando JavaScript.

Se você especificar um valor de elemento inválido com o qual usar o método innerHTML ou se você colocar o script antes que o elemento seja exibido na página, você encontrará o erro "Uncaught TypeError: Uncaught to set the "innerHTML" null "property . error

Neste guia, discutimos o que esse erro significa e por que você pode encontrá-lo. Veremos um exemplo desse erro para que você possa aprender como corrigi-lo em seu JavaScript

Uncaught TypeError:. Não é possível definir a propriedade "innerHTML" como nula

A propriedade InnerHTML está vinculada a qualquer elemento da Web com o qual você esteja trabalhando com JavaScript. Você selecionou um elemento da web da página usando um "getter" , como getElementById () ou criou um elemento em JavaScript que deseja modificar.

"Não é possível definir a propriedade `innerHTML` como nula" é um erro de tipo. Isso significa que estamos tentando aplicar uma propriedade ou função a um valor que não suporta uma propriedade ou função.

Neste caso, estamos tentando definir o valor de innerHTML para um elemento igual . NULO. Valores NULL ‚Äã‚Äãnão são uma propriedade innerHTML

Há duas causas comuns para esse erro.

  • Inserindo um script antes que um item apareça na página da web
  • >
  • Consulte o ID do item errado.

Vamos analisar a causa raiz, que provavelmente é o erro mais comum cometido por iniciantes.

um exemplo de cenário

Vamos escrever um site simples que mostre a hora. Para começar, defina uma página HTML básica . Esta página HTML será a tela na qual exibimos o clima:

Esta página HTML contém um e . A tag contém um

</pre></code> que define o título da página da web. O <code><body></code> contém um parágrafo</p> </a> </div> <p>no parágrafo, adicionamos um <a href="/html-span/"> <span> </a>. substituiremos o conteúdo desta tag pela hora atual em nosso código JavaScript</p><p>Em seguida, escreveremos um script para recuperar a hora, nós irá adicionar este código JS no <code><head> </code>: ..</p> <p>Nosso documento agora contém HTML e JavaScript. <code>getElementById ()</ código> recebe nosso spa n marca <code>SHOW_TIME</code>. Em seguida, recuperamos a data atual usando a tag <ah ref = "/ JavaScrip t-Date/">Data do módulo JavaScript </a> .</p><p>Na linha de código a seguir, criamos uma string que exibe a hora atual do dia e os minutos da hora. Essa string usa a seguinte estrutura:</p><p><code>HH: MM</code></p><p>Existem dois períodos que separam os valores ‚Äã‚Äãpara horas e minutos. Criamos essa string usando uma técnica chamada <a href="/javascript-string-interpolation/"> JavaScript string interpolation </a>. Isso nos permite integrar vários valores ‚Äã‚Äãna mesma cadeia. Finalmente, usamos o método innerHTML para exibir desta vez em nossa página da web</p><p>a página de nossa web aberta Deixe no navegador da web.</p><figure class = `wp- the picture block-" > <img src = "https://lh6.googleusercontent.com/anZ4ckRYEF5OaualeffjXeLSKVdoZPV32w1Nl8cpU-YEy5nQeJ0KGFVR1DRUUwylZjjqemanwOj5z7NlgdEQ_qdcgAYzjdRMP9gFpr7tv4llZiOidmnmavbFUMa2ljCLqw "alt =" AnZ4ckRYEF5OaualeffjXeLSKVdoZPV32w1Nl8cpU YEy5nQeJ0KGFVR1DRUUwylZjjqemanwOj5z7NlgdEQ QdcgAYzjdRMP9gFpr7tv4llZiOidmnmavbFUMa2ljCLqw"> </ figure> <p> nossa página da web não pode exibir a hora. Se olharmos para o console JavaScript, podemos ver um erro:</p> <p> Esta é outra representação da propriedade "não é possível definir `innerHTML` como nulo". Ela nos diz que o elemento para o qual estamos tentando definir o valor de innerHTML é zero.</p><h2>A solução</h2><p>Como o valor de <code>SHOW_TIME</code> é zero, podemos deduzir que JavaSc ript não conseguiu recuperar corretamente o elemento cujo ID é <code>SHOW_TIME</code>.</p><p>Neste caso, a causa é que inserimos nosso <code><; script></code> muito cedo em nossa programação. Nosso <code> ... </pre> </div> <p>Nós movemos nosso <code> </div> <h2>Conclusão</h2><p>O erro "Uncaught TypeError: Não foi possível definir a propriedade `innerHTML` null" O erro é causado ao tentar definir um valor innerHTML para um elemento cujo valor é igual a zero.</p><p>Para corrigir este erro, certifique-se de que seu <code><script></code> vem depois do elemento que você deseja selecionar em seu script. Se isso não resolver o problema, certifique-se de selecionar um item válido em seu programa.</p>