How to use document.write inside html element dynamically

Question

currently i am using bellow code

<html>
  <head>
    <script>
      window.onload = function(){
      var parser = new DOMParser();
      var html = "<html><body><p>this is" + 
          "<script>document.write('dynamic')<\/script> text.</p></body></html>";
      var doc = parser.parseFromString(html,'text/html');
      document.body.appendChild(doc.body.children[0]);
      }
    </script>
  </head>
    <body>
        <p>this is <script>document.write('dynamic')</script> text.</p>
    </body>
</html>

that shows : this is dynamic text.

but currently i am loading page dynamicaly by ajax and parsing using new DOMParser. but it not prints "dynamic" only shows: this is text.

That's how dw is designed to work. You can't use it to add content to a page after the page has been parsed, unless you don't want to re-write the whole document, including the head section. Use proper DOM manipulation methods instead. — Teemu
– Teemu, Commented Oct 24, 2016 at 13:47

Falk · Accepted Answer · 2016-10-24 14:16:36Z

1

You can use the DOM manipulation methods shown here:

var h = document.createElement("H1")                // Create a <h1> element
var t = document.createTextNode("Hello World");     // Create a text node
h.appendChild(t);

or here: document.getElementById("demo").innerHTML = "Paragraph changed!";

As you are currently loading the page via AJAX, you probably have to make sure that everything flows in the right order, i.e.: the change of the DOM is done after the page is received, etc. (Don't know your surrounding code, so I can't really speak to that).

answered Oct 24, 2016 at 14:16

Falk

6375 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use document.write inside html element dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related