js版的ui插件(原型继承)

    <script>
        var UI = {};
        UI.element = function(dom) {
            this.dom = dom;
        }
        UI.element.prototype = {
            add() {
                for (var i = 0; i < arguments.length; i++) {
                    if (arguments[i] instanceof UI.element) {
                        this.dom.appendChild(arguments[i].dom);
                    }
                }
            },
            setClass(name) {
                this.dom.className = name
            }
        }

        UI.panel = function() {
            UI.element.call(this);
            var dom = document.createElement("div");
            dom.className = "zone"
            this.dom = dom;

        }

        UI.panel.prototype = Object.create(UI.element.prototype);
        UI.panel.prototype.constructor = UI.panel;

        var newDiv1 = new UI.panel();

        var newDiv2 = new UI.panel();
        newDiv1.add(newDiv2);
        document.getElementById("div01").appendChild(newDiv1.dom)
    </script>

---

 

 

 

FR：徐海涛（hunk xu)
QQ技术交流群：386476712