Question

我试图获取名为＆＃39; topage＆＃39;的div的内容。，我做了这段代码

<script type="text/javascript">

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

         </script>

它在控制台中显示如下：

的HTMLCollection [1] 0：span.topage ... 的innerText：＆＃34; mycontentofdiv＆＃34; 长度：1 proto ：HTMLCollection

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

 console.log(topagge.innerText);

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

请问如何获取此集合html对象的内容（使用attribut 0：span.topage包含innerText。

Answer 1

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

Answer 2

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

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

Answer 3

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

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

编辑：

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

topagge[0].innerHTML

Answer 4

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

IE中不支持document.getElementByClassName。你能为div分配一个ID，而是使用document.getElementById吗？

Answer 5

尝试：

console.log(topagge.innerHTML)

如何通过javascript获取div的内容

5 个答案: