Question

js 单击事件 控制div的创建与删除

js控制div的创建与删除，我想的是出现一次单击事件创建DIV，再单击一次删除前一个DIV再创建一个，但是出现了下面动态图的错误（中间有一次单击不创建DIV），关键代码在下面，该如何解决？？
if( (fdiv=document.getElementById('ab'))!=null){

p = fdiv.parentNode;

p.removeChild(fdiv);
//alert(fdiv);
}else{

var createDiv = document.createElement("div");
createDiv.className="ab";
createDiv.id="ab";
createDiv.style.background = "pink";
createDiv.style.border="1px solid red";
createDiv.style.top = getElementTop()+"px"; //获取元素高度

createDiv.style.width = "1000px";
createDiv.style.height = "50px";
createDiv.innerHTML = "Test create a div element!";
document.body.appendChild(createDiv);

/////////////////////////////////
}





Answer 1

1. 建议初始化时，写个隐藏的div

2. 点击的时候把这个div的位置，可见性设置好

3. 焦点点击到表格外，div隐藏
   

追问

　　想过隐藏的，但是在表格里没办法设置成功（新手不太会），所以就用动态创建DIV来进行，已经实现了，但是代码有重复的地方，重复的地方弄个函数吧还传不进参数，麻烦看看这个能优化一下么，谢谢，代码地址：
cod防屏蔽epad防屏蔽.防屏蔽org防屏蔽/bkOtARbL