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?

"In Chrome"? Presumably also a problem in other browsers, or are you saying Chrome is the only one with a problem? — nnnnnn, May 22 '12 at 01:33

score 46 · Accepted Answer · answered May 22 '12 at 01:31

46

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

document.getElementById('hour').innerHTML;

answered May 22 '12 at 01:31

nnnnnn

score 6 · Answer 2 · edited Nov 13 '12 at 14:18

6

document.getElementById("hour").innerText

or

document.getElementById("hour").innerHTML

edited Nov 13 '12 at 14:18

oezi

answered May 22 '12 at 01:27

neohope

document.all is very bad practice. Are you coding for IE5? And I did give a better answer with more up votes. ;) – epascarello May 22 '12 at 02:21
You are right, I should use document.getElementById instead. document.all is not in w3c. – neohope May 22 '12 at 02:25
@neohope: Correct. Chrome and IE support it, but Firefox (for example, doesn't. – Dennis May 22 '12 at 03:45

score 4 · Answer 3 · answered May 22 '12 at 01:28

4

divs do not have a value. It is not an input.

You want to use innerHTML or innerText/textContent.

answered May 22 '12 at 01:28

epascarello

score -1 · Answer 4 · answered Feb 05 '21 at 01:35

Use

document.getElementById() method for displaying text on google console.

As the other OP said, the div don't have the .value property.

You can see all HTML DOM property at this link: https://www.w3schools.com/JSREF/DEFAULT.ASP

Joey · Answer 5 · 2023-06-05T00:03:56.723

-1

<input id="hour" style="display: none" value="0" >

That should remove the error.

edited Jun 05 '23 at 00:03

answered Jun 04 '23 at 22:16

Joey

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/34497424) – Wahlstrommm Jun 07 '23 at 11:41

5 Answers5