-
반응형
<!DOCTYPE html >
<head>
<meta charset "UTF-8">
</head>
<body>
<h3 id ="heading">이것은 헤딩입니다.</h3>
<input type ="button"value ="요소 숨김"
onclick ="document.getElementById('heading').style.visibility= 'hidden'"/>
<input type ="button"value ="요소 표시"
onclick ="document.getElementById('heading').style.visibility='visible'"/>
</body>
</html>
결과:
'요소 숨김' 버튼을 누르면 "이것은 헤딩입니다." 글자가 사라진다.
'요소 표시' 버튼을 누르면 다시 글씨가 나타난다.
반응형'코딩 > HTML5' 카테고리의 다른 글
HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 8강 연습문제 답 (0) 2018.06.13 윈도우 오픈 (0) 2018.06.06 노드 제거 (0) 2018.06.06 노드 추가 (0) 2018.06.06 자바 스크립트로 요소의 스타일 변경 (0) 2018.06.06
