如何从 div 中获取 innerHTML？

Posted 2023-05-07

【中文标题】如何从 div 中获取 innerHTML？

【英文标题】：How to get innerHTML from a div?

【发布时间】：2014-06-05 03:08:53

【问题描述】：

我需要保存 div 的 innerhtml 并将其存储在 cookie 中。这是我的基本代码。

//The div-saving function
function addStatus(sName)
    getElement("bottomDiv").innerHTML += sName + "<br>";
    document.cookie="status=" + sName + "<br>";


//The button clicking function
function clk()
    num++;
    document.cookie = "num=" + num;
    switch(num)
        case 25:
            addStatus("25: Alright! Let the games begin!");
        break;
        case 50:
            addStatus("50: Woah! Getting into the high numbers!");
        break;
    

最终发生的只是保存最后达到的状态。我需要知道如何获取 div 的 innerHTML。谢谢。

【问题讨论】：

你的 div 有 class 或 id 吗？

请改行：document.cookie = "status"+document.getElementById("bottomDiv").innerHTML+""

在此处粘贴您的 html 代码 jsfiddle.net

document.cookie="status=" + document.getElementById("bottomDiv").innerHTML+ "";

这里是 jsfiddle 的链接。出于某种原因，有些东西坏了，不知道为什么它可以在我的本地服务器上完美运行。 jsfiddle.net/Txdt4

【参考方案1】：

试试这个..

 var div= document.getElementById("bottomDiv").innerHTML;

【参考方案2】：

var holder = document.getElementById("bottomDiv").innerHTML;

上面将获取innerHTML 值并将其分配给变量。也没有内置函数getElement，你可以使用getElementById，还有其他变体。

【讨论】：

我知道没有内置函数 getElement。我忘了提到我做了那个功能。