SHiny_jun的博客

前端工程师,日常记录笔记

一个封装DOM查询的例子

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('div1')//把对应id写在这里
// console.log(div1.html())

div1.html('<p>hello World</p>').on('click',function(){//链式操作
    alert('clicked')
}).html('<p>javascript</P>')
来自:慕课网《前端JavaScript面试技巧》2-11原型链继承例子
阅读更多
个人分类: 学习内容
上一篇vuex中的数据在页面刷新以后消失的快速解决办法!
想对作者说点什么? 我来说一句

php dom 解析类和函数文件封装

2012年03月04日 333KB 下载

封装数据访问层的一个例子

2008年11月17日 3KB 下载

没有更多推荐了,返回首页

关闭
关闭