setting innerHTML with a script inside [duplicate]

by

It looks like that your <script> tag is being added as you expect, but the code within it is not being executed. The same failure happens if you try using document.head (or any other DOM element, it seems). For whatever reason (possibly standards compliance, possible security), inline code inside of <script> blocks that are added via .innerHTML simply doesn’t run.

However, I do have working code that produces similar functionality:

var script = document.createElement('script');
script[(script.innerText===undefined?"textContent":"innerText")] = 'alert(1);';
document.documentElement.appendChild(script);

Here, you add the <script> block with documentElement.appendChild and use textContent or innerText to set the content of the <script>.

More Related Contents:

  1. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  2. Show/hide ‘div’ using JavaScript
  3. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  4. How to replace innerHTML of a div using jQuery?
  5. Find out whether Chrome console is open
  6. nodeValue vs innerHTML and textContent. How to choose? [duplicate]
  7. Javascript – Append HTML to container element without innerHTML
  8. JavaScript get TextArea input via .value or .innerHTML?
  9. Add/remove HTML inside div using JavaScript
  10. Change label text using JavaScript
  11. Javascript Iframe innerHTML
  12. Javascript that detects Firebug?
  13. What is the behavior of typing {a:1} giving 1, and {a:1, b:2} giving an error in a Javascript console?
  14. What is the source of the double-dollar sign selector query function in Chrome/Firefox?
  15. Is there a way to change context to iframe in javascript console?
  16. Firebug says “No Javascript on this page”, even though JavaScript does exist on the page
  17. Javascript – innerHTML not working with HTML select menus
  18. Append HTML to container element without innerHTML
  19. How can I use console logging in Internet Explorer?
  20. How can I inspect disappearing element in a browser?
  21. JQuery html() vs. innerHTML
  22. find a value of table cell
  23. reading innerHTML of HTML form with VALUE attribute (& its value) of INPUT tags
  24. How do I dump JavaScript vars in IE8?
  25. How do I find which JavaScript is changing an element’s style?
  26. It says that TypeError: document.getElementById(…) is null [duplicate]
  27. Remove all content using pure JS
  28. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  29. Making Firebug break inside dynamically loaded javascript
  30. innerHTML removes attribute quotes in Internet Explorer

Leave a Comment