如何创建包装器

时间:2012-01-26 20:05:05

标签: javascript wrapper

当我搜索特定的东西时,我已经多次遇到“创建包装并扩展它”的概念。就我而言,我想扩展DOM。我知道对此有何建议,但我想要做的是略有不同,为此我需要至少探索这些方法。所以我的问题是,在没有得到直接答案之后,我看到的是什么博客/ wiki / tut是:什么是包装器对象/函数以及如何制作和使用它?

对不起,如果事实证明我毫无意义;当我读到原型库时,我从这个想法中得到了这个想法,JQuery曾经做过这些事情。如果您可以使用DOM作为示例,我们将不胜感激。

1 个答案:

答案 0 :(得分:14)

愚蠢的例子,假设<div id='my-div'></div>

MyDiv = {
  _e:document.getElementById('my-div'),
  setText:function(s) {
    this._e.innerText = s;
  },
  getText:function() {
    return this._e.innerText;
  },
  red:function() {
    this._e.style.backgroundColor = 'red';
  }
}

my_div中包装DOM元素MyDiv可以过滤(或扩充)包装对象的界面。

MyDiv.setText('Hello');
MyDiv.red();
alert(MyDiv.getText());