Maison  >  Article  >  interface Web  >  jQuery obtient l'élément iframe

jQuery obtient l'élément iframe

php中世界最好的语言
php中世界最好的语言original
2018-04-26 10:33:285584parcourir

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 est l'implémentation la plus simple du changement d'option de tabulation

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn