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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!