Maison > Article > interface Web > jQuery obtient l'élément iframe
Cette fois, je vais vous apporter jQuery pour obtenir des éléments iframe. Quelles sont les précautions pour jQuery pour obtenir des éléments iframe. Ce qui suit est un cas pratique, jetons un coup d'œil.
Plusieurs façons d'obtenir des éléments dans iframe avec jquery :
Récupérer les éléments de la page parent sur les sous-pages iframe
Le code est le suivant :
$('#objId', parent. document );
Terminé...
Récupérer les éléments de la sous-page iframe sur la page parent :
$("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html()
Afficher le contenu de l'élément body dans l'iframe.
$("#testId", document.frames("iframename").document).html();
Récupérez l'élément dont l'ID est "testId" selon iframename
$(window.frames["iframeName"].document).find("#testId").html()
Utilisez JS ou jQuery pour accéder à l'iframe dans la page, compatible avec IE/FF
Remarque : les pages dans le cadre ne peuvent pas traverser les domaines !
Supposons qu'il y ait deux pages dans le même domaine.
Dans l'index Fichier .html Contient un iframe :
0d8422d5a748d838d5911bbec5723448 383eb734b02b508089ba2d78eb4c6f68 93f0f5c25f18dab9d176bd4f6de5d30e ebeda52af7641f7e715679a8472f8c69 b2386ffb911b14667cb8f0f91ea547a7页面首页6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 6c04bd5ca3fcae76e30b72ad730ca86d 762b520465e72e0dbf3dd71a9b487789065276f04003e4622c4fe6b64f465b88 36cc49f0c466276486e50c850b7e4956 73a6ac4ed44ffec12cee46588e518a5e
contenu iframe.html :
0d8422d5a748d838d5911bbec5723448 383eb734b02b508089ba2d78eb4c6f68 93f0f5c25f18dab9d176bd4f6de5d30e ebeda52af7641f7e715679a8472f8c69 b2386ffb911b14667cb8f0f91ea547a7iframe.html6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 6c04bd5ca3fcae76e30b72ad730ca86d c3d3c408046ceece4c710c1da83f9948www.jb51.net94b3e26ee717c64999d7867364b1b4a3 36cc49f0c466276486e50c850b7e4956 73a6ac4ed44ffec12cee46588e518a5e
1 Exécutez JS dans index.html pour un accès direct :
document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'via l'index .html accède à la page iframe avec le nom d'ID 'koyoz', obtient l'objet avec le nom d'ID 'test' dans cette page iframe et définit sa couleur sur rouge Ce code a été testé. et peut être pris en charge par IE/firefox.2. Utilisez jQuery pour accéder à index.html :
$("#koyoz").contents().find("#test").css('color','red');L'effet de ce code est le même que celui de l'accès direct JS. le framework jQuery, le code Beaucoup plus court.
Recueillir quelques exemples sur Internet :
Utiliser jQuery pour récupérer la valeur d'un élément de la fenêtre parent dans IFRAME, Je dois utiliser la méthode DOM combinée avec la méthode jquery 1 Opérer dans la fenêtre parent pour sélectionner tous les boutons radio dans l'IFRAME$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");2. sélectionnez tous les boutons radio dans la fenêtre parent
$(window.parent.document).find("input:radio").attr("checked","true");Si la fenêtre parent souhaite obtenir l'Iframe dans l'IFrame, ajoutez simplement un cadre enfant, tel que :
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");I croyez que vous maîtrisez la méthode après avoir lu le cas dans cet article, et plus encore Comme c'est excitant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée :
jQuery+Ajax implémente le tri des titres des données de table
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!