將方法添加到現有對象

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; 
}