首页 > 开发 > JS > 正文

普通函数addClass(element, className)改成element.addClass(className)?

2017-09-05 12:51:30  来源:网友分享

如题,以下是我想的代码,不知道思路对不对,具体要怎么实现啊,新手求教~

function ElementObj() {}
ElementObj.prototype.addClass = function(className) {...}

var newElenment = new Element;
newElement.addClass(className);

解决方案

不好意思,估计是我没表达清楚。我的意思是像jQuery一样可以调用。返回对象及方法:

function $(className) {
  var element = document.getElementsByClassName(className);
  return {
    element: element,
    addClass: function(className) {
      ... //省略多余代码
      return this;
    },
    removeClass: function(className) {
      ... //省略多余代码
      return this;
    }
  }
}

就可以实现$(...).addClass(...).removeClass(...)了哈~