用javascript创建元素 - 只是想知道

Question

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

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

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

Answer 1

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

someVariable=mainCont;

调用上面的var而不会将someVariable放入全局范围，这使得delete函数可以访问变量。如果这不是问题，请尝试为我们制作一个jsFiddle，以便我们调试它。