JavaScript を使用して DIV 要素を表示および非表示にするにはどうすればよいですか?

JavaScript を使用した 'div' の表示/非表示

Web サイトを構築する場合、要素の表示/非表示を切り替えることが望ましいことがよくあります。これは JavaScript を使用して実現できます。ただし、コードで問題が発生した場合は、次の考えられる解決策を検討してください。

「display」プロパティの操作

要素を表示または非表示にするには、スタイル プロパティ 'display' を目的の値に設定します:

// Hide an element
element.style.display = 'none';

// Show an element
element.style.display = 'block';

'visibility' プロパティ

要素が非表示になっている間もスペースを占有したい場合は、代わりに 'visibility' プロパティを調整します:

// Hide an element
element.style.visibility = 'hidden';

// Show an element
element.style.visibility = 'visible';

要素のコレクションの処理

複数の要素を非表示にするには、繰り返して各要素の「表示」を次のように設定します。 'none':

function hide(elements) {
  for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = 'none';
  }
}

コードへの修正の適用

コードでは、div2 を div1 の関数に置き換えようとしているため、2 番目の関数が機能しません。コンテンツ。 div2 を表示するには、2 番目の関数のこの行を次のように置き換えます:

document.getElementById('replace_target').innerHTML = document.getElementById('source').innerHTML;

document.getElementById('replace_target').innerHTML = document.getElementById('target').innerHTML;

これらのプロパティを調整し、これらのテクニックを適用することで、必要に応じて div を可視化します。

以上がJavaScript を使用して DIV 要素を表示および非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。