この記事では、jsの無効なstyle.display = ""の解決策について説明します。参照のためにそれを共有してください。特定のソリューションは次のとおりです。
1。問題の説明:
JSでは、Divを動的に制御して表示または非表示、または操作を複雑にしたい場合がありますが、Style.display = ""が効果がない場合があります。
次のコードを見てください。
次のようにコードをコピーします:<style>
#名前
{
表示:なし;
}
</style>
</head>
<body>
<div id = "name">
私の名前は笑顔です。
</div>
</body>
</html>
<スクリプト>
window.onload = function(){
document.getElementById( 'name')。style.display= "";
アラート( "テスト");
}
</script>
CSSは、ID名を持つDIVを非表示として定義し、ページがロードされた後、JSを使用してIDの表示を制御します。これを書くことにエラーはありますか?
間違いはありますか?しかし、なぜインターフェイスがまだ空白なのですか?
2。解決策:
xxx.style.display = "block"の別の使用法があることを忘れないでください。それを試してみましょう。
悲しいかな、それは実際に示した! ! !
次に、style.display = ""とstyle.display = "block"の違いを確認しましょう。
実際、これら2つの最大の違いは、ブロックがブロックで表示されるため、ラインブレークがあることです。それで、そのような違いしかないので、なぜこの例では1つを表示し、もう1つはそうではないのでしょうか?心配。
さて、最初にこの問題に行きましょう。現在の問題でそれをどのように解決するか見てみましょう。 style.display = "block"を使用して解決することに加えて、別の方法があります。
次のようにコードをコピーします
私の名前は笑顔です。
</div>
<スクリプト>
document.getElementById( 'name')。style.display= "";
</script>
ID名でスタイルを使用してタグに組み込むことです。そうすることで、表示されている= "" "または表示=" block "を表示するかどうかに関係なく、通常表示できます。
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。