Saltar al contenido

JavaScript TypeError: no se puede leer la propiedad ‘estilo’ de null

Sé libre de compartir nuestra web y códigos en tus redes sociales, danos de tu ayuda para aumentar nuestra comunidad.

Solución:

En su script, esta parte:

document.getElementById('Noite')

debe estar regresando null y también está intentando configurar el display propiedad a un valor no válido. Hay un par de razones posibles para que esta primera parte sea null.

  1. Está ejecutando el script demasiado pronto antes de que se haya cargado el documento y, por lo tanto, el Noite no se puede encontrar el artículo.

  2. No hay Noite elemento en su HTML.

Debo señalar que su uso de document.write() en este caso, el código probablemente signifique un problema. Si el documento ya se ha cargado, entonces un nuevo document.write() borrará el contenido anterior y comenzará un nuevo documento nuevo para que no Noite se encontraría el artículo.

Si tu documento aún no ha sido cargado y por lo tanto lo estás haciendo document.write() en línea para agregar HTML en línea al documento actual, entonces su documento aún no se ha cargado por completo, por lo que probablemente sea por eso que no puede encontrar el Noite ít.

La solución probablemente sea poner esta parte de su secuencia de comandos al final de su documento para que todo lo anterior ya se haya cargado. Así que mueve esto al final de tu cuerpo:

document.getElementById('Noite').style.display='block';

Y asegúrese de que no haya document.write() declaraciones en javascript después de que se haya cargado el documento (porque borrarán el documento anterior y comenzarán uno nuevo).


Además, establecer la display propiedad a "display" no tiene sentido para mí. Las opciones válidas para eso son "block", "inline", "none", "table"etc… No conozco ninguna opción nombrada "display" para esa propiedad de estilo. Consulte aquí las opciones válidas para el display propiedad.

Puede ver cómo funciona el código fijo aquí en esta demostración: http://jsfiddle.net/jfriend00/yVJY4/. Ese jsFiddle está configurado para tener el javascript colocado al final del cuerpo del documento para que se ejecute después de que se haya cargado el documento.


PD Debo señalar que su falta de aparatos ortopédicos para su if declaraciones y su inclusión de múltiples declaraciones en la misma línea hace que su código sea muy engañoso y poco claro.


Me está costando mucho entender lo que está preguntando, pero aquí hay una versión limpia de su código que funciona y que también puede ver funcionando aquí: http://jsfiddle.net/jfriend00/QCxwr/. Aquí hay una lista de los cambios que hice:

  1. El guión se encuentra en el cuerpo, pero después del contenido al que hace referencia.
  2. he añadido var declaraciones a sus variables (un buen hábito para usar siempre).
  3. los if La declaración se cambió a un if/else que es mucho más eficiente y más autodocumentado en cuanto a lo que está haciendo.
  4. He añadido llaves para cada if declaración por lo que es absolutamente claro qué declaraciones son parte de la if/else y cuales no lo son.
  5. He cerrado correctamente el

    etiqueta que estaba insertando.

  6. He cambiado style.display = ''; para style.display = 'block';.
  7. He agregado punto y coma al final de cada declaración (otro buen hábito a seguir).

El código:

    

Esto sucede porque document.write sobrescribiría su código existente, por lo tanto, coloque su div antes de su código javascript. p.ej:

CSS:

#mydiv  
  visibility:hidden;
 

Dentro de su archivo html

Hello world

Espero que esto haya sido útil

Te estás perdiendo una ‘después de la noche. aquí mismo getElementById(‘Noche

Si crees que te ha sido de provecho este artículo, agradeceríamos que lo compartas con más entusiastas de la programación y nos ayudes a dar difusión a nuestra información.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *