Removing value from Object

Question

I have an object that I am trying to remove from a cssProperty that is being passed to an element. I have tried several things with no luck and am at a loss.

The object looks like

Object {background-color: "#91eae8"}

and I have tried removing it like

delete this.cssProps.background-color;

delete this.cssProps[background-color];

delete this.cssProps['background-color'];

neither has worked and throws viewModel errors because it doesn't know what I'm doing. I cannot change how the object comes in to have quotes around it or anything similar.

[...]throws viewModel errors[...] you should be more specific about the error that is thrown at the place where you do the delete this.cssProps['background-color']; — t.niese
– t.niese, Commented May 13, 2016 at 19:06
Well, if you're certain everything is as it should be but it's still not working, something is amiss. Why don't you post non-pseudo, relevant code so people can see what's really going on. Because var obj = { 'background-color' : '#91eae8' }; delete this.obj['background-color']; works just fine. — mferly
– mferly, Commented May 13, 2016 at 19:22

Thomas Devries · Accepted Answer · 2016-05-13 19:07:17Z

2

In css there is no such thing as an undefined property. They all have default values. So trying to remove a property doesn't work. Instead you can change the value to a different value to get the behavior you want.

I would try doing one of these

this.style.backgroundColor = "inherit";//background will be the same as it's parent
this.style.backgroundColor = "transparent";//background will show what is behind it
this.style.backgroundColor = "inital"; //sets it to the default value

answered May 13, 2016 at 19:07

Thomas Devries

8995 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

t.niese Over a year ago

For a CSSStyleDeclaration (what I think you are talking about) you have empty properties "", you can make a property empty by calling removeProperty. The difference between an empty and a default value is, that an empty property won't overwrite the property of another matching rule. The properties of a CSSStyleDeclaration are all empty by default.

Collectives™ on Stack Overflow

Removing value from Object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related