Note: The will have to be inside your tag for this to work.ĭOM methods are highly preferable to strings for setting attributes and content. Using the DOM API methods might be the purist way to do stuff, but innerHTML has been proven to be much faster and is used under the hood in JavaScript libraries such as jQuery. NewNode.appendChild(document.createTextNode('some dynamic html')) Var newNode = document.createElement('p') Using DOM methods: var node = document.getElementById('node-id') Using innerHTML on a node: var node = document.getElementById('node-id')

Look at how Google analytics gets injected into most websites.Īfter DOM ready, you have two ways to insert dynamic HTML (assuming we are going to insert new HTML into ): In some cases you just need to have document.write() to accomplish the task. I wouldn't say using document.write() is correct or incorrect, it just depends on your situation. Once the browser gets to the closing tag and the DOM is ready, you can't use document.write() anymore. Document.write() will only work while the page is being originally parsed and the DOM is being created.

Java script writer