L'ajout d'iframe et le paragraphe éléments de façon dynamique

Je veux ajouter un élément iframe à la page, puis ajouter <p> élément à l'intérieur que de l'iframe.

J'ai essayé ceci:

var iframe = document.createElement('iframe');
iframe.frameBorder = 1;
iframe.width = "500px";
iframe.height = "250px";
iframe.id = "iframe";

var p = document.createElement('p');
iframe.appendChild(p);
document.getElementById("div").appendChild(iframe); //this is a div  that I have in body.

L'iframe est ajouté à la page, mais P n'est pas ajouté dans l'iframe(iframe du corps)

  • Est div le bon attribut ID de votre élément div?
  • bien sûr, l'iframe est ajouté, mais P n'est pas
InformationsquelleAutor shivesh | 2010-06-05
  1. 5

    Dans les navigateurs modernes, vous utilisez le contentDocument attribut. Dans d'autres, vous devez utiliser contentWindow.document. Vous créez le paragraphe à l'aide de l'iframe du document, dans l'événement onload. Donc:

    var iframe = document.createElement('iframe');
iframe.frameBorder = 1;
iframe.width = "500px";
iframe.height = "250px";
iframe.id = "iframe";

iframe.onload = function()
{
    var doc = iframe.contentDocument || iframe.contentWindow.document;
    var p = doc.createElement('p');
    p.textContent = "Paragraph in iframe";
    doc.body.appendChild(p);
};

document.getElementById("div").appendChild(iframe); //this is a div  that I have in body.

    J'ai fait un jsfiddle démo.

    Aussi, je vous recommande de ne pas utiliser les id qui sont les mêmes que le nom de la balise. Il pourrait devenir source de confusion.

    • merci beaucoup! J'ai continué à essayer pendant des heures sans l'aide de la onload-fonction - il n'a tout simplement pas de travail. essayé votre solution et il a travaillé à la fois!
    InformationsquelleAutor Matthew Flaschen
  2. 1

    j'espère que cela va vous aider à aller dans la bonne direction:

    var p = document.createElement('p');

var iFrmDocument = (iframe.contentWindow || iframe.contentDocument);
if (iFrmDocument.document) iFrmDocument=iFrmDocument.document;
iFrmDocument.appendChild(p);

document.getElementById("div").appendChild(iframe);

    Cela fait-il sens? C'est un peu un détour nécessaire lorsque vous traitez avec [i]Images

    InformationsquelleAutor Raine