如何通过javascript获取div的内容答案

【问题标题】：how get content of div via javascript如何通过javascript获取div的内容
【发布时间】：2015-07-14 00:41:49
【问题描述】：

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

<script type="text/javascript">

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

         </script>

在控制台中显示如下：

HTML 集合[1] 0：跨度.首页 ... 内部文本：“mycontentofdiv” 长度：1 原型：HTMLCollection

我想获取 innerText 值，我试试这个代码：

 console.log(topagge.innerText);

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

请问我怎样才能获得这个集合 html 对象的内容（使用属性 0：span.topage 包含 innerText。

【问题讨论】：

你试过topagge.innerHtml吗？
还要检查，因为你有topagge 和topage。正如所说的 innerHTML 是要走的路。
即使使用 innerHtml 它仍然未定义

标签： javascript html

【解决方案1】：

<script type="text/javascript">
    var topagge =document.getElementsByClassName("topage")[0].innerHTML;
    console.log(topagge);
</script>

【讨论】：

【解决方案2】：

此函数 getElementsByClassName 返回 Collection 或返回此类名称的所有元素的数组，因此您应该将代码更改为这样

<script type="text/javascript">
    var topagge = document.getElementsByClassName("topage")[0];
    console.log(topagge.textContent); // or topagge.innerHTML;
</script>

【讨论】：

【解决方案3】：

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

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

编辑：

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

topagge[0].innerHTML

【讨论】：

是的，这是解决方案，未定义的问题是 HTML dosnt 完成渲染，但使用 window.onload 可以工作:)，

【解决方案4】：

要获取 div 的内容，请使用 .innerHTML。

在 IE 中不支持 document.getElementByClassName。你可以给 div 分配一个 ID，然后改用 document.getElementById 吗？

【讨论】：

我正在使用 chrome，甚至通过 id 更改它也没有用
document.getElementById 被所有运行 JavaScript 的浏览器支持

【解决方案5】：

试试：

console.log(topagge.innerHTML)

【讨论】：