Get values between DIV tags?

Question

How do I get the values in between a DIV tag?

Example

<div id="myOutput" class="wmd-output">
    <pre><code><p>hello world!</p></code></pre>
</div>

my output values I should get is

<pre><code><p>hello world!</p></pre>

Answer 1

First, find the element. The fastest way is by ID. Next, use innerHTML to get the HTML content of the element.

document.getElementbyId('myOutput').innerHTML;

Answer 2

document.getElementById("myOutput").innerHTML

Answer 3

innerHtml is good for this case as guys suggested before me,

If you have more complex html structure and want to traverse/manipulate it I suggest to use js libraries like jQuery. To get want you want it would be:

$('#myOutput').html()

Looks nicer I think (but I wouldn't load whole js library just for such simple example of course)

Answer 4

Just putting all above with some additional details,

If you are not sure about that div having some id is not there on html page then to make it sure please use.

var objDiv = document.getElementbyId('myOutput');
if(objDiv){
  objDiv.innerHTML;
}

This will avoid any JavaScript error on the page.