Question

我想创建一个原型函数，用于向元素添加样式。与以下代码类似：

＆＃13;

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

＆＃13;

请帮我写原型功能。这是我的代码:(有问题）

＆＃13;

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

＆＃13;

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

Answer 2

实现你想要做的事情的一种方法就是这样写：

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

现在它的编写方式是查找不存在的[property] [style]命名属性{{1}}。通过这种方式，您可以将属性的字符串形式传递给样式并更改您的值。

创建一个原型函数，用于向元素添加样式

2 个答案: