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

以下是代码 ,我点击按钮时能创建多个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();
};

阅读 2.7k
评论
    7 个回答
    • 1.2k
    1. 使用惰性函数(这个方法很巧妙哦~)

      function createDiv(){
        var div = document.createElement("div");
        div.innerHTML = "测试";
        document.body.appendChild(div);
        createDiv = function(){
           return div;
        }
        return div
       }
    2. 使用单例模式(不赘述了,答案里有)

      相似问题
      推荐文章