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

解决方案

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

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

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

这篇关于JavaScript动态创建div问题怎么保证它的唯一的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！