向现有对象添加方法

Question

让我们说我正在创建一个简单的jQuery或Javascript插件。对于这里的例子，我会使用javascript。

选择元素： 要选择我要说的元素：

document.getElementById('test_div');

现在，我的问题是如何向其添加自定义方法？像.color();

之类的东西

如：

document.getElementById('test_div').color('red');

如何将此函数（或方法）与返回的对象相关联，因为通常我们会执行类似

的操作

var obj = {property: "I love pandas", color: function(x){...}};

我真的很困惑，所以请解释一下！

Answer 1

只是这个（fiddle）

Element.prototype.color= function(value) {
    this.style.color = value;
    return this;
};

然而，这不是一个好主意，read this。

为什么不简单

function colorElement( element, colorValue )
{
   element.style.color = colorValue;
}