JavaScript 自定义方法

Question

我创建了一个自定义对象，并向其中添加了一个名为“changeColor”的方法，该方法带有一个属性。这个想法是，当我将此方法附加到任何 DOM 元素时，元素的所有内容颜色都必须更改。

这是我开始的代码：

function CustomColor() {

}

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

}

这是非常基础的，但我对 JavaScript 很陌生。谢谢。

Answer 1

像这样使用自定义颜色：

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

CustomColor 的新实例：

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

您还可以扩展实际的 dom 元素，而不使用任何额外的类，如下所示：

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

并像这样使用它：

document.body.changeColor('red')