JavaScript는 HTML 요소의 표시 속성(차단 또는 없음)을 어떻게 결정할 수 있습니까?

JavaScript를 사용하여 요소의 표시 속성 결정

질문:

다음을 확인하는 것이 가능합니까? HTML 요소의 CSS 표시 속성은 다음을 사용하여 "block" 또는 "none"으로 설정됩니다. JavaScript?

답변:

예, JavaScript를 사용하여 요소의 표시 속성을 확인할 수 있습니다. 방법론은 속성이 인라인으로 정의되었는지 아니면 CSS 규칙의 일부로 정의되었는지에 따라 다릅니다.

상속된 규칙 또는 CSS 규칙:

표시 속성이 상위 속성에서 상속된 경우 요소 또는 CSS 스타일 규칙에 의해 지정된 경우 요소의 계산된 값을 얻어야 합니다. 스타일:

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

인라인 스타일 지정 또는 JavaScript 조작:

인라인으로 선언되거나 JavaScript를 통해 수정된 표시 스타일이 있는 요소의 경우 요소의 스타일 속성:

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

현재 표시 속성 값을 나타내는 문자열을 반환합니다.

위 내용은 JavaScript는 HTML 요소의 표시 속성(차단 또는 없음)을 어떻게 결정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!