私の JavaScript が 2 番目の Div を非表示にしないのはなぜですか?

JavaScript を使用して 2 つの Div の可視性を切り替える

問題

Web サイトの場合、JavaScript を使用して 2 つの Div の可視性を切り替えたいと考えています。最初の関数は正常に動作しますが、2 番目の div を非表示にする 2 番目の関数は動作しません。

解決策

要素を非表示にする:

To要素を非表示にする場合は、その表示プロパティまたは可視性プロパティを設定します。完全に非表示にするには、display: none を使用します。視覚的にのみ非表示にするには、visibility: hidden を使用します。

要素のコレクションを非表示にする:

複数の要素を非表示にする必要がある場合は、要素を反復処理して表示プロパティを設定します。それぞれなしへ。

改訂コード:

コードを次のように変更します:

function toggleDiv(target, replacement) {
  document.getElementById(target).style.display = 'none';
  document.getElementById(replacement).style.display = 'inline';
}

使用法:

div 間を切り替える 2 つのボタンを作成します:

<button onClick="toggleDiv('target', 'replace_target')">View Portfolio</button>
<button onClick="toggleDiv('replace_target', 'target')">View Results</button>

このコードは、表示/非表示を正しく切り替えるようになりました。ディビジョン

以上が私の JavaScript が 2 番目の Div を非表示にしないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。