Este artículo describe la solución al estilo inválido.display = "" en JS. Compártelo para su referencia. La solución específica es la siguiente:
1. Descripción del problema:
En JS a veces queremos controlar dinámicamente un DIV para mostrar u ocultar o más operaciones, pero si diseñamos.display = "" puede no dar lugar a ningún efecto.
Mira el siguiente código:
Copie el código de la siguiente manera: <Syle>
#nombre
{
Pantalla: ninguno;
}
</style>
</ablo>
<Body>
<div id = "nombre">
Mi nombre es una sonrisa.
</div>
</body>
</html>
<script>
window.onload = function () {
document.getElementById ('name'). style.display = "";
alerta ("prueba");
}
</script>
CSS define el DIV con el nombre de ID como oculto, y después de cargar la página, usamos JS para controlar la visualización de la ID. ¿Hay algún error al escribir esto?
¿Hay algún error? Pero, ¿por qué la interfaz sigue siendo en blanco?
2. Solución:
Recuerde que hay otro uso de xxx.style.display = "bloque" y luego intentémoslo.
¡Por desgracia, en realidad se mostró! ! !
Luego verifiquemos la diferencia entre style.display = "" y style.display = "bloque".
De hecho, la mayor diferencia entre estos dos es que el bloque se muestra mediante bloques, por lo que habrá descansos de línea. Entonces, dado que solo hay tal diferencia, ¿por qué se puede mostrar uno en este ejemplo y el otro no? Preocuparse.
Bien, primero vamos a este problema. Veamos cómo lo resolvemos en el problema actual. Además de usar style.display = "bloque" para resolverlo, hay otra forma:
Copie el código de la siguiente manera: <div id = "name" style = "visualización: ninguno">
Mi nombre es una sonrisa.
</div>
<script>
document.getElementById ('name'). style.display = "";
</script>
¡Es para usar el estilo con el nombre de ID para construir en la etiqueta, para que pueda mostrarse normalmente independientemente de si se muestra = "" o visualizado = "bloque"!
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.