JavaScript custom method

Question

I have created a custom object and added a method to it which is called changeColor with an attribute. The idea is when I attach this method to any DOM element that elements all content color must change.

Here is my started code:

function CustomColor() {

}

CustomColor.prototype.changeColor = function(color){
   //here what I have to specify.

}

This is pretty basic but I am new to JavaScript. Thanks.

Answer 1

use CustomColor like this:

function CustomColor(element) {
    this.element = element;
}
CustomColor.prototype.changeColor = function (color) {
    this.element.style.color = color;
}

new instance of CustomColor:

var element = new CustomColor(document.body);
element.changeColor('red');

you can also extend the actual dom element without using any extra classes like this:

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

and use it like this:

document.body.changeColor('red')