js原型--模仿jquery显示和事件绑定

原型事件绑定

简单的代码演示

function Elem(id) {
        this.elem = document.getElementById(id)
    }

    Elem.prototype.html = function (val) {
        var elem = this.elem;
        if (val){
            elem.innerHTML = val;
            return this
        }else{
            return elem.innerHTML
        }
    }

    Elem.prototype.on = function (type,fn) {
        var elem = this.elem
        elem.addEventListener(type,fn)
        return this
    }

    var div1 = new Elem('children');
    div1.html(`<p>哈哈哈</p>`)
    div1.on('click',function () {
        console.log('clicked')
    })