如何使JAVASCRIPT变量等于HTML属性？

我基本上是想显示一个数字，从0开始，每次你按下一个按钮都会随机上升。但是我需要一个变量来等于当前的数字（存储在h1标记中）。我该怎么做？目前，当我试图通过提醒页面来检查它是否有效时，我得到的只是 [object HtmlHeadingElement]以下是我的JavaScript、CSS和HTML代码：

函数myRandom（）{
var headnumber=document.getElementById（'headnum'）；
警报（总人数）
//此警报仅用于检查是否出现“0”
}

h1{
文本对齐：居中；
字体大小：30px；
颜色：蓝色；
字体系列：Verdana；
}
钮扣{
左边距：640px；
边框：纯蓝5px；
字体大小：14px；
字体系列：Verdana；
字体大小：粗体；
背景色：青色；
边界半径：6px；
}

3
按钮

您可以使用innerHTML获取html内容。见下文

函数myRandom（）{
var headnumber=document.getElementById（'headnum'）.innerHTML；
警报（总人数）
//此警报仅用于检查是否出现“0”
}

h1{
文本对齐：居中；
字体大小：30px；
颜色：蓝色；
字体系列：Verdana；
}
钮扣{
左边距：640px；
边框：纯蓝5px；
字体大小：14px；
字体系列：Verdana；
字体大小：粗体；
背景色：青色；
边界半径：6px；
}

3
按钮

您可以使用innerHTML获取html内容。见下文

函数myRandom（）{
var headnumber=document.getElementById（'headnum'）.innerHTML；
警报（总人数）
//此警报仅用于检查是否出现“0”
}

h1{
文本对齐：居中；
字体大小：30px；
颜色：蓝色；
字体系列：Verdana；
}
钮扣{
左边距：640px；
边框：纯蓝5px；
字体大小：14px；
字体系列：Verdana；
字体大小：粗体；
背景色：青色；
边界半径：6px；
}

3
按钮
将
头号
分配给
文档返回的对象。getElementById（'headnum'）
函数调用。为了获取对象内部的值，请使用
document.getElementById（'headnum'）.innerHTML
将
headnumber
的赋值给
document.getElementById（'headnum'）
函数调用返回的对象。要获取对象内部的值，请使用
document.getElementById（'headnum'）.innerHTML
执行以下操作：
var headnumber=+document.getElementById（'headnum'）.textContent执行此操作：
var headnumber=+document.getElementById（'headnum'）.textContent