javascript - 创建用于向元素添加样式的原型(prototype)函数

Question

我想创建一个原型(prototype)函数来为元素添加样式。 类似于下面的代码:

element.css3("property" , "value");

请帮我写原型(prototype)函数。 这是我的代码:(有问题)

Object.prototype.css3 = function (property , value) {
  this.style.property = value;
};

Answer 1

使用bracket notation使用字符串变量设置属性，否则设置名为 property 的属性。在哪里使用String#replace在 - 符号后将字符大写的方法，使 Javascript 样式的属性有效。

Element.prototype.css3 = function (property , value) {
  this.style[property.replace(/-([a-z])/gi,function(_,m){ return m.toUpperCase(); })] = value;
  // or this.style[property] = value;
};