¿Cómo ocurre el TypeError no detectado: no se pueden establecer propiedades de nulo en getElementById()?
Él ' TypeError no capturado: no se pueden establecer propiedades de nulo en getElementById () ” puede ocurrir por las siguientes razones:
Ejemplo 1: Ocurrencia de TypeError no capturado: no se pueden establecer propiedades de nulo en getElementById() debido al acceso previo del elemento
En este ejemplo, se discutirá el error encontrado debido al acceso del elemento particular antes de especificarlo:
< texto >
documento. getElementById ( 'cabeza' ) . HTML interno = 'Contenido JavaScript' ;
texto >
< centro >< cuerpo >
< identificación h2 = 'cabeza' > Sitio web de Linuxhint h2 >
cuerpo > centro >
Aplique los siguientes pasos, como se indica en las líneas de código anteriores:
- En primer lugar, incluya el bloque de código JavaScript dentro del ' ' etiqueta.
- Aquí acceda al elemento correspondiente al indicado “ identificación ' utilizando la ' getElementById() ' método.
- Además, aplica el “ HTML interno ” propiedad para actualizar el contenido del elemento accedido.
- En el código HTML dentro del “
” etiqueta, incluya un encabezado que tenga el “ identificación ”. - Al ejecutar el código, aparece el error de tipo “ No se pueden establecer propiedades de nulo en getElementById() ' ocurrira. Esto se debe a que el elemento “ Se accede a ” incluso antes de que se especifique.
Producción
En el resultado anterior, se puede ver que el error indicado se muestra debido al acceso previo al elemento.
Solución
El error encontrado anteriormente en este caso se puede resolver secuenciando el código de modo que el elemento se especifique antes de acceder a él.
El siguiente ejemplo ilustra el concepto enunciado:
< centro >< cuerpo >< identificación h2 = 'cabeza' > Sitio web de Linuxhint h2 >
cuerpo > centro >
< texto >
documento. getElementById ( 'cabeza' ) . HTML interno = 'Contenido JavaScript' ;
texto >
El código anterior es idéntico al código anterior con el cambio en la ubicación de los bloques de código. Es tal que el “ El elemento ” se especifica antes de que se acceda a él en el código JavaScript.
Producción
Como se ve, el error encontrado se resuelve y el contenido actualizado a través del ' HTML interno ” se muestra la propiedad.
Ejemplo 2: Ocurrencia de TypeError no capturado: no se pueden establecer propiedades de nulo en getElementById() debido a un acceso incorrecto de Id.
El error indicado también se puede encontrar accediendo a la identificación incorrectamente.
Veamos el ejemplo que se indica a continuación:
< identificación de marquesina = 'para' > Java marquesina >< tipo de guión = 'texto/javascript' >
documento. getElementById ( '#para' ) . textointerno = 'Texto' ;
texto >
En el fragmento de código anterior:
- Incluir un '
” elemento que tiene el enunciado “ identificación ” y el valor del texto. - En la parte JS del código, acceda al elemento incluido en el paso anterior usando el ' getElementById() ' método.
- Él ' identificación El formato aquí no es correcto, considerando el método para acceder al elemento en particular.
- Aquí el ' textointerno La propiedad ” muestra el valor de texto indicado.
Producción
En este resultado, se puede verificar que la propiedad aplicada no afectó al elemento debido a un formato de identificación incorrecto.
Solución
El error mencionado en este escenario particular se puede resolver especificando la identificación correctamente al acceder al elemento:
< identificación de marquesina = 'para' > Java marquesina >< tipo de guión = 'texto/javascript' >
documento. getElementById ( 'para' ) . textointerno = 'Texto' ;
texto >
Implemente los pasos indicados a continuación, como se indica en el código anterior:
- Incluir la '
” elemento que tiene el dado “ identificación ”. - En el fragmento de código JavaScript, acceda al elemento, en el paso anterior especificando el elemento ' identificación ” correctamente a través del “ getElementById() ' método.
- Finalmente, aplique el “ textointerno ” y mostrar el contenido de texto indicado, que se actualizará en este caso.
Producción
En el resultado anterior, se puede visualizar que se muestra el contenido de texto actualizado.
Conclusión
Él ' TypeError no capturado: no se pueden establecer propiedades de nulo en getElementById () ” en JavaScript se puede resolver especificando el elemento antes de acceder a él o especificando la identificación en el formato correcto. Tras hacerlo, se podrán ejecutar las funcionalidades correspondientes en ambos casos. Este blog se guió sobre cómo resolver el TypeError no detectado: no se pueden establecer propiedades de nulo en getElementById() en JavaScript.