JavaScript动态创建div问题怎么保证它的唯一

Question

以下是代码 ，我点击按钮时能创建多个div，现在我要的是只创建一次，第一次创建成功后以后就不创建，或者每次都创建然后把上一次创建的删除，有没有什么方法能做到啊？ 或者有没有什么设计模式可以用在这里的？想了很久都没有思路。var CreateDiv = function() { }; CreateDiv.prototype.create = function() {    var Div = document.createElement("div");     Div.innerHTML="测试";    document.body.appendChild(Div); };document.getElementById('btn').onclick = function() {     (new CreateDiv()).create(); };

Answer 1

1. 使用惰性函数（这个方法很巧妙哦~）

   function createDiv(){  var div = document.createElement("div");
     div.innerHTML = "测试";  document.body.appendChild(div);
     createDiv = function(){     return div;
     }  return div
    }

2. 使用单例模式（不赘述了，答案里有）