display="", display="block"

 

• blocker.style.display = '';
  • 이 코드는 display 속성을 기본값으로 되돌립니다. 기본값은 요소의 HTML/CSS 정의에 따라 다릅니다. 예를 들어, 대부분의 요소는 기본적으로 display: block 또는 display: inline을 가집니다.
  • 따라서 blocker.style.display = '';는 스타일 속성에서 display 속성을 제거하여, 원래의 CSS 스타일로 돌아갑니다.
• blocker.style.display = 'block';
  • 이 코드는 명시적으로 요소를 블록 요소로 설정합니다.
  • 블록 요소는 항상 새로운 줄에 시작되고, 가능한 모든 너비를 차지합니다.

const blocker = document.getElementById( 'blocker' );
blocker.style.display = 'none';

controls.addEventListener( 'start', function () {
    blocker.style.display = '';
} );

controls.addEventListener( 'end', function () {
    blocker.style.display = 'none';
} );