javascript - 如何通过javascript获取div的内容

我正在尝试获取名为'topage'的div的内容，我做了这段代码

<script type="text/javascript">

       var topagge = document.getElementsByClassName("topage");
             console.log(topagge);

         </script>

在控制台中，它显示如下：

HTMLCollection [1]
    0：span.topage
         ...
         innerText：“ mycontentofdiv”
    长度：1
    原型：HTMLCollection

我想获取innerText值，请尝试以下代码：

 console.log(topagge.innerText);

但在控制台中它是未定义的

请如何获取此集合html对象的内容（使用属性0：span.topage，其中包含innerText。

最佳答案

您需要等待，直到HTML文档完全加载。尝试这个：

<script type="text/javascript">
window.onload = function(){
    var topagge = document.getElementsByClassName("topage");
    console.log(topagge);
}
</script>

编辑：

window.getElementsByClassName返回一个元素数组；然后，以下代码将获取第一个元素的HTML内容：

topagge[0].innerHTML