Home/ Questions/Q 3976802
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T04:50:53+00:00

I am using an User Control/Html Editor in which there is an Iframe, since

  • 0

I am using an User Control/Html Editor in which there is an Iframe, since I can’t change the value of it from javascript directly, I want to just append a text in the Iframe’s body tag.

The Problem is I can get the Iframe element but how can I get it tag? also how can I write a text to it?.

For Example: The Iframe looks something like this:

<iframe>
<html>
<body>
----Here I want to write a text-----
</body>
</html>
</iframe>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Using vanilla JS only:

    var iframeElt = document.getElementById('myIFrameId'),
    iframeDocument = iframeElt.contentDocument ?
        iframeElt.contentDocument : iframeElt.contentWindow.document,
    iframeNewDiv = iframeDocument.createElement('div');

iframeNewDiv.innerHTML = 'some new content here';
iframeDocument.body.appendChild(iframeNewDiv);

    Using jQuery (which will eliminate any cross-browser issues) (untested):

    $('#myIFrameId body').append('<div>some new content here</div>');

    Because of security restrictions imposed by the same-origin policy, the iframe must be in the same domain as the parent page for either of these to work.

    • 0