How to Correctly Modify iframe src Using Javascript?

Modifying iframe src Using Javascript

This article addresses the issue of changing the src attribute of an iframe element in response to user interaction, such as clicking a radio button. The provided code aims to dynamically load different calendar views into an iframe based on the selected radio option.

The original code contains a minor but crucial error:

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

The above line uses incorrect bracket notation to access the element with the id "calendar." The correct syntax for element access is:

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

Using square brackets in the original code would have resulted in calling the non-existent method getElementById on the value returned by document. This would have failed to locate the target element and prevented the src attribute change from taking effect.

To rectify this issue, the syntax should be updated to:

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

After incorporating this correction, the code will work as intended: when a radio button is selected, the src attribute of the iframe will be updated to load the corresponding calendar view.

The above is the detailed content of How to Correctly Modify iframe src Using Javascript?. For more information, please follow other related articles on the PHP Chinese website!