在javascript中创建元素——只是想知道

我写了一些代码，然后面对这个问题。这是我代码的一部分，只是创建一个div，附加它，然后是可以删除它的function

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);
}

---

为什么第一个代码不起作用？为什么第二个会这样？我想知道更多关于这个问题的信息，但很难在谷歌找到更“复杂”的东西。提前感谢您提供的所有来源和答案

看起来您可能在删除函数的另一个作用域中定义了var mainCont

someVariable=mainCont;

---

在不使用var的情况下调用上述函数将把someVariable放入全局范围，从而使delete函数能够访问该变量。如果这不是问题，请尝试为我们制作一个JSFIDLE，以便我们可以调试它。

对我来说似乎很好，只要您将

delete

函数重命名为允许的函数名，如

deleteMainCont

（

delete

是javascript中的保留关键字）

someVariable=mainCont;