교차 도메인 Iframe에서 계산된 스타일을 어떻게 검색할 수 있나요?

교차 도메인 Iframe에서 계산된 스타일 검색

이 문서에서는 다른 도메인에 있는 iframe 내에서 HTML 요소의 계산된 스타일을 가져오는 데 중점을 둡니다. 목표는 브라우저가 계산하고 사용하는 높이 및 너비와 같은 특정 CSS 속성을 검색하는 것입니다.

계산된 스타일에 액세스하려면 다음을 활용할 수 있습니다.

IE 이외의 브라우저

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

이 스크립트는 요소의 계산된 높이를 반환합니다. 또는 다음을 사용할 수도 있습니다.

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

IE

element.currentStyle

이 메서드는 지정된 요소에 대한 현재 스타일 개체를 반환합니다.

교차 도메인 고려 사항

도메인 간 제한으로 인해 iframe에 직접 접근할 수 없기 때문에 필요한 요소에 접근할 수 있는 다른 방법을 찾아야 합니다. iframe 문서의 DOM을 조작하여 이를 수행할 수 있습니다.

대상 요소 선택

원하는 요소를 선택하려면 다음을 사용할 수 있습니다.

document.getElementById("frameId").contentDocument.getElementById("brshtml")

이는 iframe 문서의 헤드 요소에 "brshtml"이라는 ID가 있다고 가정합니다.

위 내용은 교차 도메인 Iframe에서 계산된 스타일을 어떻게 검색할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!