Javascript script element set inner text

Question

We need to add a javascript element inside an iframe (its inside the same web/domain so no security problems attached). We got it working but dont know how to fill the script content betwen its tags...how would you do it?

var iframe = document.getElementById('iframeX');
var iframedocument = iframe.contentWindow.document;

var script = iframedocument.createElement('script');

script.setAttribute('type', 'text/javascript');
script.innerText = 'alert(\'hello\')'; //this doesnt work
script.value= 'alert(\'hello\')'; //this doesnt work either

var head = iframedocument.getElementsByTagName("head")[0];

head.appendChild(script);

Desired result in the iframe document:

<head>
    <script type="text/javascript" >
        alert('hello');
    </script>
</head>

works fine http://jsfiddle.net/FU7ZK/ – Esailija Jun 12 '12 at 15:43 — Esailija, Jun 12 '12 at 15:43
it does seem to work here: http://jsfiddle.net/mRgn7/ – Parth Thakkar Jun 12 '12 at 15:43 — Parth Thakkar, Jun 12 '12 at 15:43

score 22 · Accepted Answer · answered Jun 12 '12 at 15:43

22

Did you try:

script.setAttribute('type', 'text/javascript');
script.innerHTML = 'alert(\'hello\')';

answered Jun 12 '12 at 15:43

Praveen Kumar Purushothaman

164,888
24
203
252

I tested it : OP version doesn't work on FF but it works with innerHTML. – Denys Séguret Jun 12 '12 at 15:46
I mean the guy who asked the question... What's the abbreviation on SO (*Stack Overflow*)? – Denys Séguret Jun 12 '12 at 15:47
SO is StackOverflow, and what's the full form of OP? I have seen in many places! Got it... **Original Poster**! :) – Praveen Kumar Purushothaman Jun 12 '12 at 15:48
@dystroy `innerText` is not an attribute in Firefox! – Praveen Kumar Purushothaman Jun 12 '12 at 15:50
3

Yes, that's why I said you're right (and upvoted you) : innerText isn't standard and isn't implemented in FF (*Firefox*). Sorry for the bad abbreviations (not even an acronym for Firefox). – Denys Séguret Jun 12 '12 at 15:51
My bad, i tried innerText and seeing it didnt work i didnt try innerHTML – VSP Jun 15 '12 at 07:16

score 4 · Answer 2 · edited May 23 '17 at 12:25

4

I had problem with script.innerHTML as it doesn't work in IE8-.

script.text = 'alert(\'hello\')';

script.text works better for me. Found on: Create script tag in IE8

edited May 23 '17 at 12:25

Community

1
1

answered Sep 25 '13 at 17:07

Maju

616
4
9

Javascript script element set inner text

2 Answers2

Linked