李炎恢老师JavaScript第一季视频教程

李炎恢老师JavaScript第一季视频教程

5 (63人评价)
  • 课时:(149)

  • 学员:(1470)

  • 浏览:(55034)

  • 加入课程

091.[JavaScript] 第34章 项目1-博客前端:封装库--连缀[2]的笔记

相关课时: 笔记详情:

var $ = function () {
return new Base();
}

function Base() {

//创建一个数组,来保存获取的节点和节点数组
this.elements = [];

//获取ID节点
this.getId = function (id) {
this.elements.push(document.getElementById(id));
return this;
};

//获取元素节点
this.getTagName = function (tag) {
var tags = document.getElementsByTagName(tag);
for (var i = 0; i < tags.length; i ++) {
this.elements.push(tags[i]);
}
return this;
};

}


Base.prototype.css = function (attr, value) {
for (var i = 0; i < this.elements.length; i ++) {
this.elements[i].style[attr] = value;
}
return this;
}

Base.prototype.html = function (str) {
for (var i = 0; i < this.elements.length; i ++) {
this.elements[i].innerHTML = str;
}
return this;
}

Base.prototype.click = function (fn) {
for (var i = 0; i < this.elements.length; i ++) {
this.elements[i].onclick = fn;
}
return this;
}

0 0

你感兴趣的课程

编程开发 21天学通javascript
4万+浏览/ 910学员/ 4评分
免费
编程开发 AJAX核心技术教学
3万+浏览/ 367学员/ 4.8评分
免费
编程开发 javascript课程
3万+浏览/ 483学员/ 5评分
免费