[js项目]封装库-CSS[上]

来源:互联网 时间:2018-02-27


封装库-CSS[上]

在使用库的时候,我们通过 css 方法来设置某个或多个节点的样式。这里准备讨论如何获取内容和样式,并且封装一些 css 的其他方法。


一. 获取内容

在上一篇我们通过 html()方法和 css()方法可以设置标题内容和 CSS 样式,但我们如何通过这两个方法来获取内容或样式呢?比如:


alert($().getId('box').html()); //获取标题内容
alert($().getId('box').css('fontSize')); //获取 CSS 样式

要实现获取内容,其实很简单,只要判断传递过来的参数即可。


//设置或获取内容
Base.prototype.html = function (str) {
for (var i = 0; i < this.elements.length; i ++) {
if(arguments.length ==0) { //判断没有传参
return this.elements[i].innerHTML; //返回内容
} else {
this.elements[i].innerHTML = str;
}
}
return this;
}

如果要实现 CSS,那就有一些问题,如果只是行内的 style。所以,要获取 link 或者