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

时间:2012-09-07 20:09:36

标签: javascript dom element

我正在写一些代码然后面对这个问题。这是我的代码的一部分,只是创建一个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);
}

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

1 个答案:

答案 0 :(得分:0)

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

someVariable=mainCont;

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