I want to create a prototype function for adding style to element. Similar to the following code:
element.css3("property" , "value");please help me to write prototype function. this is my code : (has problems)
Object.prototype.css3 = function (property , value) {
this.style.property = value;
};Use bracket notation to set a property using a string variable otherwise which sets a property named property. Where use String#replace method to capitalize character after - symbol, to make valid property in Javascript style.
Element.prototype.css3 = function (property , value) {
this.style[property.replace(/-([a-z])/gi,function(_,m){ return m.toUpperCase(); })] = value;
// or this.style[property] = value;
};
property not the string value passed .... for set using a string , use bracket notation
One way to achieve what you are trying to do is to write it like this:
Object.prototype.css3 = function (property , value) {
this.style[property] = value;
};
The way it is written now it will be looking for the [property] named property of [style], which does not exist. With this you will be able to pass a string form of the property to the style and change your value.
