document.getElementById（）。值在chrome中返回undefined

Question

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

JavaScript代码：

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

Chrome返回undefined。有什么问题？

Answer 1

.value属性适用于表单元素（输入），而不适用于div。获取div元素内容的最简单方法是使用.innerHTML：

document.getElementById('hour').innerHTML;

Answer 2

div没有值。这不是一个输入。

您想使用innerHTML或innerText / textContent。

Answer 3

document.getElementById("hour").innerText

或

document.getElementById("hour").innerHTML

Answer 4

使用

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

正如另一个 OP 所说，div 没有 .value 属性。

您可以在此链接中查看所有 HTML DOM 属性： https://www.w3schools.com/JSREF/DEFAULT.ASP