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

교차 도메인 콘텐츠에서 계산된 스타일을 검색하는 방법

문제:

계산된 높이 및 너비 값에 액세스 교차 도메인 iframe의 요소는 어려울 수 있습니다. 특히 iframe의 요소에 액세스할 수 없는 경우에는 더욱 그렇습니다.

해결책:

브라우저별 기능 사용:

• Firefox, Opera , 사파리: window.getCompulatedStyle(element)
• IE: element.currentStyle

교차 도메인 콘텐츠에 적용:

교차 도메인 콘텐츠에서 계산된 스타일을 검색하려면 최신 브라우저에서 window.getComputedStyle을 사용하거나 IE의 element.currentStyle. 그러나 이러한 기능은 현재 문서 내의 요소에서만 작동하므로 사용하기 전에 iframe의 DOM을 탐색해야 합니다.

예(WebKit):

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

기본 jQuery 기능:

또는 다음을 수행할 수 있습니다. 프로세스를 단순화하는 jQuery의 .height() 함수를 사용하세요.

$('#frameId').height();

추가 참고 사항:

• window.getCompulatedStyle이 계산된 스타일을 가진 불변 객체, element.currentStyle은 요소의 스타일로 변경될 수 있는 라이브 객체를 반환합니다.
• 나중에 쉽게 선택할 수 있도록 iframe 내 헤드 요소에 ID를 추가해야 할 수도 있습니다.

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