Javascript를 사용하여 iframe src를 올바르게 수정하는 방법은 무엇입니까?

Javascript를 사용하여 iframe src 수정

이 문서에서는 다음과 같은 사용자 상호 작용에 대한 응답으로 iframe 요소의 src 속성을 변경하는 문제를 다룹니다. 라디오 버튼을 클릭하는 것과 같습니다. 제공된 코드는 선택한 라디오 옵션을 기반으로 다양한 캘린더 보기를 iframe에 동적으로 로드하는 것을 목표로 합니다.

원본 코드에는 사소하지만 중요한 오류가 포함되어 있습니다.

document.getElementById['calendar'].src = loc;

위 줄은 잘못된 사용 ID가 "calendar"인 요소에 액세스하려면 대괄호 표기법을 사용하세요. 요소 액세스에 대한 올바른 구문은 다음과 같습니다.

document.getElementById('calendar').src = loc;

원래 코드에서 대괄호를 사용하면 문서에서 반환된 값에 대해 존재하지 않는 메서드인 getElementById가 호출됩니다. 이렇게 하면 대상 요소를 찾지 못하고 src 속성 변경 사항이 적용되지 않습니다.

이 문제를 해결하려면 구문을 다음과 같이 업데이트해야 합니다.

function go(loc) {
    document.getElementById('calendar').src = loc;
}

이 수정 사항을 통합한 후 , 코드는 의도한 대로 작동합니다. 라디오 버튼을 선택하면 iframe의 src 속성이 업데이트되어 해당 캘린더 보기가 로드됩니다.

위 내용은 Javascript를 사용하여 iframe src를 올바르게 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!