교차 도메인 Iframe에서 계산된 스타일 값을 검색하는 방법은 무엇입니까?

교차 도메인 요소의 계산된 스타일 값 검색

다른 도메인의 iframe으로 작업할 때 계산된 스타일 정보에 액세스하는 것이 어려울 수 있습니다. 계산된 스타일을 얻으려면 아래 제공된 포괄적인 솔루션을 따르십시오.

WebKit 브라우저

WebKit 기반 브라우저의 경우 다음 코드 조각을 사용하십시오.

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

또는 CSS로 계산된 값에 액세스할 수 있습니다. 텍스트:

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

Internet Explorer

Internet Explorer의 경우 'currentStyle' 속성을 사용하세요.

document.getElementById("frameId").contentDocument.body.currentStyle.height

Iframe Contents

그러나 계산된 스타일을 얻으려면 iframe의 콘텐츠를 보려면 다음 단계를 사용하여 DOM을 더 자세히 탐색해야 합니다.

1. iframe 문서에 대한 참조 가져오기:

   var iframeDoc = document.getElementById("frameId").contentDocument;

2. 설명된 대로 브라우저 유형에 따라 적절한 코드를 수행합니다.

예

계산된 스타일이 있으면 다음과 같이 액세스할 수 있습니다.

iframeDoc.getElementById("brshtml").style.height

"brshtml" ID가 대상 문서에 없으면 조정이 필요할 수 있습니다.

위 내용은 교차 도메인 Iframe에서 계산된 스타일 값을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!