JavaScript로 요소의 CSS `display` 속성 값(차단 또는 없음)을 어떻게 확인할 수 있나요?

JavaScript로 요소 CSS 표시 확인

다음을 사용하여 요소의 CSS 표시 속성이 "block" 또는 "none"으로 설정되어 있는지 확인할 수 있습니까? JavaScript?

답변:

상속되거나 스타일이 지정된 요소에 계산된 스타일 사용:

sdleihssirhc에서 언급했듯이, 요소의 표시가 CSS 규칙에 의해 상속되거나 정의된 경우 해당 요소를 검색해야 합니다. 계산된 스타일:

return window.getComputedStyle(element, null).display;

인라인 또는 JavaScript 설정 스타일에 대한 스타일 속성 사용:

요소에는 인라인 스타일이나 스타일에 대한 정보를 제공하는 스타일 속성이 있습니다. JavaScript를 사용하여 설정:

console.log(document.getElementById('someIDThatExists').style.display);

현재 디스플레이를 나타내는 문자열이 제공됩니다. 값입니다.

위 내용은 JavaScript로 요소의 CSS `display` 속성 값(차단 또는 없음)을 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!