无法在JavaScript中附加document.body.appendChild

Question

I'm trying to append javascript to a loaded page by:

var sc = document.createElement('script');
sc.content = "<script>alert('aa')</script>";
document.body.appendChild (sc);

But that didn't work in chromium:

Answer 1

You don't put <script>...</script> inside the content of a script element. But more to the point, I don't think they have a content property (I don't see one here , for instance).

If I recall correctly, the most reliable way to put content within a script element at runtime is via createTextNode and appendChild , eg: Live example | source

var sc = document.createElement('script');
sc.appendChild(document.createTextNode("alert('aa')"));
document.body.appendChild(sc);

...but I wouldn't be surprised to find that some older browsers required you to set innerText or something instead.

Answer 2

var script = document.createElement('script');
script.appendChild(document.createTextNode("alert('http://jsfiddle.net/UpWhX/')"));
document.body.appendChild(script);

Try this TestHere http://jsfiddle.net/UpWhX/2/