Document.getElementById (). value return undefined in chrome

Question

<div id="hour" style="display: none">2</div>

JavaScript Code:

 <script type="text/javascript"> var _h = document.getElementById('hour').value alert(_h); </script>

Chrome returns undefined . What is the problem?

+7

run May 22 '12 at 1:23

source share

3 answers

divs doesn't matter. This is not an entrance.

You want to use innerHTML or innerText / textContent.

+3

epascarello May 22, '12 at 1:28

source share

 document.getElementById("hour").innerText

or

 document.getElementById("hour").innerHTML

+1

neohope May 22 '12 at 1:27

source share

nnnnnn · Accepted Answer · 2012-05-22T01:31:21+0000

The .value property applies to form elements (inputs), not to divs. The easiest way to get the contents of your div element is .innerHTML :

 document.getElementById('hour').innerHTML;