내 JavaScript가 내 두 번째 Div를 숨기지 않는 이유는 무엇입니까?

JavaScript를 사용하여 두 Div의 가시성 전환

문제

웹사이트의 경우 JavaScript를 사용하여 두 Div의 가시성을 전환하려고 합니다. 첫 번째 기능은 제대로 작동하지만 두 번째 div를 숨기는 두 번째 기능이 작동하지 않습니다.

해결책

요소 숨기기:

To 요소를 숨기고 표시 또는 가시성 속성을 설정합니다. 완전히 숨기려면 display: none을 사용하세요. 시각적으로만 숨기려면 visible:hidden을 사용하세요.

요소 컬렉션 숨기기:

여러 요소를 숨겨야 하는 경우 해당 요소를 반복하고 표시 속성을 설정하세요. 각각 없음으로 설정합니다.

수정됨 코드:

다음과 같이 코드를 수정하세요.

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

사용법:

div 사이를 전환하는 두 개의 버튼을 만듭니다.

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

이제 이 코드는 div.

위 내용은 내 JavaScript가 내 두 번째 Div를 숨기지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!