Como ocorre o Uncaught TypeError: não é possível definir propriedades de null em getElementById ()?
O ' TypeError não detectado: não é possível definir propriedades de null em getElementById () ” pode ocorrer pelos seguintes motivos:
Exemplo 1: Ocorrência de TypeError não capturado: Não é possível definir propriedades de nulo em getElementById() devido ao acesso anterior do elemento
Neste exemplo, o erro encontrado devido ao acesso do elemento específico antes de especificá-lo será discutido:
< roteiro >
documento. getElementById ( 'cabeça' ) . HTML interno = 'Conteúdo JavaScript' ;
roteiro >
< Centro >< corpo >
< id h2 = 'cabeça' > Site Linuxhint h2 >
corpo > Centro >
Aplique as seguintes etapas, conforme fornecidas nas linhas de código acima:
- Em primeiro lugar, inclua o bloco de código JavaScript dentro do “ ' marcação.
- Aqui, acesse o elemento correspondente ao indicado “ Eu iria ” usando o “ getElementById() ” método.
- Além disso, aplique o “ HTML interno ” para atualizar o conteúdo do elemento acessado.
- No código HTML dentro do “
” tag, inclua um título com o especificado “ Eu iria ”. - Ao executar o código, o erro do tipo “ Não é possível definir propriedades de null em getElementById() ' Vai acontecer. Isso ocorre porque o elemento “ ” é acessado antes mesmo de ser especificado.
Saída
Na saída acima, pode-se ver que o erro declarado é exibido devido ao acesso anterior ao elemento.
Solução
O erro encontrado acima neste caso pode ser resolvido sequenciando o código de forma que o elemento seja especificado antes de ser acessado.
O exemplo a seguir ilustra o conceito declarado:
< Centro >< corpo >< id h2 = 'cabeça' > Site Linuxhint h2 >
corpo > Centro >
< roteiro >
documento. getElementById ( 'cabeça' ) . HTML interno = 'Conteúdo JavaScript' ;
roteiro >
O código acima é idêntico ao código anterior com a mudança na colocação dos blocos de código. É assim que o “ ” é especificado antes de ser acessado no código JavaScript.
Saída
Conforme visto, o erro encontrado foi solucionado, e o conteúdo atualizado através da opção “ HTML interno ” é exibida.
Exemplo 2: Ocorrência de TypeError não capturado: Não é possível definir propriedades de nulo em getElementById() devido ao acesso incorreto de Id
O erro declarado também pode ser encontrado acessando o id incorretamente.
Vamos ao exemplo abaixo indicado:
< ID do letreiro = 'para' > Java marquise >< tipo de script = 'texto/javascript' >
documento. getElementById ( '#para' ) . textointerno = 'Roteiro' ;
roteiro >
No trecho de código acima:
- Inclua um “ ” elemento tendo o indicado “ Eu iria ” e valor de texto.
- Na parte JS do código, acesse o elemento incluído na etapa anterior usando o botão “ getElementById() ” método.
- O ' Eu iria ” aqui não está correto, considerando o método para acessar o elemento específico.
- Aqui o ' textointerno ” exibe o valor de texto declarado.
Saída
Nesta saída, pode-se verificar que a propriedade aplicada não afetou o elemento devido ao formato de id incorreto.
Solução
O erro mencionado neste cenário específico pode ser resolvido especificando o id corretamente ao acessar o elemento:
< ID do letreiro = 'para' > Java marquise >< tipo de script = 'texto/javascript' >
documento. getElementById ( 'para' ) . textointerno = 'Roteiro' ;
roteiro >
Implemente as etapas abaixo indicadas, conforme indicado no código acima:
- Inclua o “ ” elemento tendo o dado “ Eu iria ”.
- No trecho de código JavaScript, acesse o elemento, na etapa anterior, especificando o elemento “ Eu iria ” corretamente através do “ getElementById() ” método.
- Por fim, aplique o “ textointerno ” e exibir o conteúdo do texto declarado, que será atualizado neste caso.
Saída
Na saída acima, pode-se visualizar que o conteúdo do texto atualizado é exibido.
Conclusão
O ' TypeError não detectado: não é possível definir propriedades de null em getElementById () ” em JavaScript pode ser resolvido especificando o elemento antes de acessá-lo ou especificando o id no formato correto. Depois de fazer isso, as funcionalidades correspondentes podem ser executadas em ambos os casos. Este blog orientou sobre como resolver o Uncaught TypeError: Cannot set properties of null at getElementById() in JavaScript.