Comment modifier correctement le src iframe à l'aide de Javascript ?

Modification du src iframe à l'aide de Javascript

Cet article aborde le problème de la modification de l'attribut src d'un élément iframe en réponse à une interaction de l'utilisateur, telle que comme cliquer sur un bouton radio. Le code fourni vise à charger dynamiquement différentes vues de calendrier dans une iframe en fonction de l'option radio sélectionnée.

Le code d'origine contient une erreur mineure mais cruciale :

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

La ligne ci-dessus utilise des notation entre crochets pour accéder à l'élément avec l'identifiant "calendrier". La syntaxe correcte pour l'accès aux éléments est :

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

L'utilisation de crochets dans le code d'origine aurait entraîné l'appel de la méthode inexistante getElementById sur la valeur renvoyée par le document. Cela n'aurait pas réussi à localiser l'élément cible et aurait empêché la modification de l'attribut src de prendre effet.

Pour corriger ce problème, la syntaxe doit être mise à jour comme :

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

Après avoir incorporé cette correction , le code fonctionnera comme prévu : lorsqu'un bouton radio est sélectionné, l'attribut src de l'iframe sera mis à jour pour charger la vue du calendrier correspondante.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!