js_javascript スキルの style.display="" に対する無効な解決策

この記事の例では、js の無効な style.display="" の解決策について説明します。皆さんの参考に共有してください。具体的な解決策は次のとおりです。

1. 問題の説明:

js では、div やその他の操作の表示または非表示を動的に制御したい場合がありますが、style.display="" とすると効果がない可能性があります。

次のコード部分を見てください:

コードをコピー コードは次のとおりです:

私の名前はスマイルです。

<スクリプト>
window.onload=function(){
document.getElementById('name').style.display="";
アラート("テスト");
}

css は、名前として id を持つ div を非表示として定義し、ページが読み込まれた後に表示される ID を js を使用して制御します。これは間違っていますか?
何も問題ありませんか？しかし、インターフェイスが空白のままなのはなぜでしょうか?

2. 解決策:

別の使い方があることを覚えておいてください: xxx.style.display="block" 試してみましょう、
うおおお、実際に現れました！ ！ ！

style.display="" と style.display="block" の使用法の違いを見てみましょう。
実は両者の最大の違いは、ブロックはブロック単位で表示されるので折り返してしまうということで、これだけの違いがあるのに、なぜこの例では一方は表示でき、もう一方は表示できないのかということになります。
さて、この問題はひとまず脇に置いて、この問題を解決するために style.display="block" を使用する以外に、次のような方法があります。

コードをコピー コードは次のとおりです:

私の名前はスマイルです。

<スクリプト>
Document.getElementById('name').style.display="";

style を使用して ID 名を持つスタイルをタグに組み込むだけで、display="" または display="block" を使用しても正常に表示されます!

この記事が皆さんの JavaScript ベースの Web プログラミングに役立つことを願っています。