在 javascript 中创建元素 - 只是想知道答案

【问题标题】：Creating elements in javascript - just wondering在 javascript 中创建元素 - 只是想知道
【发布时间】：2012-09-07 20:09:35
【问题描述】：

我正在编写一些代码，然后遇到了这个问题。这是我的代码的一部分，只是创建一个 div，附加它，然后 funcion 可能能够删除它

var mainCont=document.createElement('div');
mainCont.innerHTML="<div style='display: block; height: 20px;'></div>";
mainCont.innerHTML=mainCont.innerHTML+"<div style='display: block; height: 40px; width: 100%; text-align: right;'></div>";

document.body.appendChild(mainCont);

var delete=function()
{
    document.body.removeChild(mainCont);
}

当我使用删除功能时出现错误。但是当我这样做时，不会出现错误：

someVariable=mainCont; 
var delete=function()
{
    document.body.removeChild(someVariable);
}

为什么第一个代码不起作用？为什么第二个呢？我想更多地了解这个问题，但很难在谷歌中找到更多“复杂”的东西。提前感谢任何来源和答案

【问题讨论】：

对我来说似乎工作正常，只要您将 delete 函数重命名为允许的函数名称，如 deleteMainCont（delete 是 javascript 中的保留关键字）

标签： javascript dom element

【解决方案1】：

看起来您可能在与您的删除函数不同的范围内定义 var mainCont。

someVariable=mainCont;

在没有 var 的情况下调用上述代码会将 someVariable 放入全局范围，从而使删除函数可以访问该变量。如果这不是问题，请尝试为我们制作一个 jsFiddle，以便我们对其进行调试。

【讨论】：