JavaScript를 사용하여 iFrame 내부의 요소에 액세스하는 방법은 무엇입니까?

JavaScript를 사용하여 iFrame 요소에 액세스

텍스트 영역이 포함된 iFrame이 포함된 웹페이지가 있는 시나리오에서는 표준 JavaScript 기술을 사용하여 텍스트 영역의 값에 액세스하는 데 어려움을 겪을 수 있습니다. . 일반적으로 window.parent.getElementById().value를 사용하여 상위 페이지 내의 값을 검색합니다. 그러나 이 접근 방식은 격리된 특성으로 인해 iFrame에 실패합니다.

런타임 중에 iFrame ID와 이름이 변경될 수 있으므로 이 제한을 해결하려면 동적 솔루션이 필요합니다. 핵심은 ID나 이름에 의존하지 않고 iFrame 콘텐츠에 액세스하는 데 있습니다. 다음 JavaScript 코드는 포괄적인 솔루션을 제공합니다.

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

이 코드는 iFrame 참조를 가져와 iFrame이 contentWindow 또는 contentDocument를 사용하는지 여부를 동적으로 식별합니다. 그런 다음 내부 변수에 참조를 할당합니다.

이제 내부 변수를 사용하여 iFrame 내의 요소에 액세스할 수 있으며, 이 특정 경우에는 텍스트 영역에 액세스할 수 있습니다.

inside.getElementsByTagName('textarea')

이것은 포괄적인 솔루션은 런타임에 따라 변경되는 ID나 이름에 관계없이 iFrame 내부 요소에 대한 안정적인 액세스를 제공합니다.

위 내용은 JavaScript를 사용하여 iFrame 내부의 요소에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!