Css 사용 숨길 수 있는 스타일 또는 표시 자바스크립트의 HTML 요소. CSS 차단 과 같은 속성을 제공합니다. 및 없음 HTML 요소를 숨기거나 표시합니다.
요소 숨기기
예
다음 예에서는 "Hideme" 버튼을 클릭했을 때 단락 태그의 텍스트가 출력과 같이 사라졌습니다.
<html>
<body>
<p id="hide">Using JavaScript to hide HTML elements.</p>
<input type="button" onclick="document.getElementById('hide').style.display='none' value="Hideme">
</body>
</html> 위의 코드가 실행되면 다음과 같이 표시됩니다.
위의 블록에서 "Hideme" 버튼을 클릭하면 블록에 존재하는 텍스트가 출력과 같이 사라지고 버튼만 남게 됩니다.
출력
요소 표시
예
다음 예에서 단락 태그의 텍스트는 처음에는 숨겨져 있지만 "Showme"를 클릭하면 출력과 같이 텍스트가 나타납니다.
<html>
<body>
<p id="show" style="display:none">JavaScript can show hidden HTML elements</p>
<input type="button"onclick="document.getElementById('show').style.display='block'"value="ShowMe">
</body>
</html> 위의 코드가 실행되면 화면에 다음과 같이 표시됩니다.
위의 버튼을 클릭하면 다음 출력이 실행됩니다.
출력
