如何创建包装器

2024-04-01

当我在 Google 上搜索特定内容时,我多次遇到“创建包装器并扩展它”的概念。就我而言,我想扩展 DOM。我知道人们多么反对这样做,但我想做的事情略有不同,要做到这一点,我至少需要探索这些方法。因此,无论我查看什么博客/wiki/tut,都没有得到直接答案,我向您提出的问题是:什么是包装对象/函数以及如何制作和使用它?

抱歉,如果事实证明我没有道理;当我读到原型库和 JQuery 曾经做过此类事情时,我得到了这个想法。如果您能使用 DOM 作为示例,我们将不胜感激。


愚蠢的例子,假设<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';
  }
}

包装 DOM 元素my_div inside MyDiv允许您过滤(或增强)包装对象的接口。

MyDiv.setText('Hello');
MyDiv.red();
alert(MyDiv.getText());
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何创建包装器 的相关文章

随机推荐