>웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 요소 숨기기를 제어하는 ​​방법은 무엇입니까?

자바스크립트에서 요소 숨기기를 제어하는 ​​방법은 무엇입니까?

王林
王林원래의
2021-11-03 16:53:007173검색

JavaScript에서 요소 숨기기를 제어하는 ​​방법은 요소의 스타일 속성에 표시를 설정하는 것입니다. 예를 들어 [var t = document.getElementById('test');t.style.display = 'none'; ].

자바스크립트에서 요소 숨기기를 제어하는 ​​방법은 무엇입니까?

이 기사의 운영 환경: windows10 시스템, javascript 1.8.5, thinkpad t480 컴퓨터.

JavaScript에서 요소를 숨기는 방법에는 두 가지가 있습니다.

방법 1: 요소의 스타일 속성에 표시 설정

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';// 隐藏选择的元素
t.style.display = 'block';// 以块级样式显示

방법 2: 요소의 스타일 속성에 표시 여부 설정

var t = document.getElementById('test');
t.style.visibility = 'hidden';// 隐藏元素
t.style.visibility = 'visible';// 显示元素

의 차이점 이 두 가지 방법:

디스플레이를 숨기도록 설정한 후에는 원래 위치를 차지하지 않지만 가시성을 통해 숨긴 후에도 요소 위치는 계속 차지합니다.

추천 학습: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 요소 숨기기를 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.