Este artigo descreve a solução para o estilo inválido.display = "" em JS. Compartilhe para sua referência. A solução específica é a seguinte:
1. Descrição do problema:
Em JS, às vezes queremos controlar dinamicamente uma div para exibir ou ocultar ou mais operações, mas se estilizarmos.display = "" pode resultar em nenhum efeito.
Veja o seguinte código:
Copie o código da seguinte
#nome
{
Exibir: Nenhum;
}
</style>
</head>
<Body>
<div id = "nome">
Meu nome é sorriso.
</div>
</body>
</html>
<Cript>
window.onload = function () {
document.getElementById ('nome'). style.display = "";
alerta ("teste");
}
</script>
O CSS define a div com o nome de identificação como oculto e, após o carregamento da página, usamos o JS para controlar a exibição do ID. Existe algum erro ao escrever isso?
Existe algum erro? Mas por que a interface ainda está em branco?
2. Solução:
Lembre -se de que há outro uso de xxx.style.display = "bloco", então vamos tentar.
Infelizmente, ele realmente mostrou! ! !
Então, vamos verificar a diferença entre style.display = "" e style.display = "bloco".
De fato, a maior diferença entre esses dois é que o bloco é exibido por blocos, portanto haverá quebras de linha. Então, como existe apenas uma diferença, por que um pode ser exibido neste exemplo e o outro não? Preocupar.
Ok, vamos para esse problema primeiro. Vamos ver como resolvemos isso no problema atual. Além de usar o style.display = "bloco" para resolvê -lo, há outra maneira:
Copie o código da seguinte forma: <div id = "name" style = "display: nenhum">
Meu nome é sorriso.
</div>
<Cript>
document.getElementById ('nome'). style.display = "";
</script>
É para usar o estilo com nome de identificação para construir na tag, para que ela possa ser exibida normalmente, independentemente de ser exibido = "" ou exibido = "bloco"!
Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.