W3.JS 숨기기 및 표시
w3.hide(selector)
요소 ID를 사용하여 요소 숨기기
지정된 ID를 가진 요소를 숨기려면 ID 이름 앞에 해시 태그(#)를 사용합니다.
id="London"인 요소 숨기기:
예시
<button onclick="w3.hide('#London')">Hide</button>
태그 이름을 사용하여 요소 숨기기
태그 이름이 지정된 모든 요소를 숨기려면 태그 이름(< 및 > 제외)을 선택기로 사용합니다.
모든 <h2> 요소 숨기기:
예시
<button onclick="w3.hide('h2')">Hide</button>
클래스 이름을 사용하여 요소 숨기기
지정된 클래스 이름을 가진 모든 요소를 숨기려면 클래스 이름 앞에 마침표(.)를 사용합니다.
class="city"인 요소 숨기기:
예시
<button onclick="w3.hide('.city')">Hide</button>
요소 ID를 사용하여 요소 표시
지정된 id를 가진 요소를 표시하려면 id 이름 앞에 해시 태그(#)를 사용합니다.
id="London"인 요소 표시:
예시
<button onclick="w3.show('#London')">Show</button>
태그 이름을 사용하여 요소 표시
태그 이름이 지정된 모든 요소를 표시하려면 태그 이름(< 및 > 제외)을 선택기로 사용합니다.
모든 <h2> 요소 표시:
예시
<button onclick="w3.show('h2')">Show</button>
클래스 이름을 사용하여 요소 표시
지정된 클래스 이름을 가진 모든 요소를 표시하려면 클래스 이름 앞에 마침표(.)를 사용합니다.
class="city"인 요소 표시:
예시
<button onclick="w3.show('.city')">Show</button>
숨기기/표시 전환
w3.toggleShow(selector)
요소 ID를 사용하여 숨기기 및 표시 전환
id="London"인 요소 숨기기 및 표시 간 전환:
예시
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
태그 이름을 사용하여 숨기기 및 표시 전환
모든 <h2> 요소 숨기기와 표시 사이를 전환합니다.
예시
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Toggle 클래스 이름을 사용하여 숨기기 및 표시
class="city"인 요소 숨기기 및 표시 간 전환:
예시
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>