what innerHTML is doing in javascript?

Question

Can anyone tell me what innerHTML is doing in javascript and give me example how I can use it?

Answer 1

The innerHTML property is used to get or set the HTML content of an element node.

Example: http://jsfiddle.net/mQMVc/

     // get the element with the "someElement" id, and give it new content document.getElementById('someElement').innerHTML = "<p>new content</p>";       // retrieve the content from an element var content = document.getElementById('someElement').innerHTML;  alert( content ); 

Answer 2

The innerHTML property is part of the Document Object Model (DOM) that allows Javascript code to manipulate a website being displayed. Specifically, it allows reading and replacing everything within a given DOM element (HTML tag).

However, DOM manipulations using innerHTML are slower and more failure-prone than manipulations based on individual DOM objects.