Could I use variable in this.classList.remove [duplicate]

Question

I try to use this code in my javascript program:

this.classList.remove(RF.DangerClass);

Where RF.DangerClass is global variable. But I get error -

InvalidCharacterError: String contains an invalid character

What's wrong? I can't use variable in this statement?

RF.DangerClass contain this string: uk-form-danger uk-animation-shake

What should I do if need to remove two classes?

Yes, you can use a variable there. What does RF.DangerClass contain? — CertainPerformance
– CertainPerformance, Commented May 13, 2018 at 6:55
I think I get the source of error - this variable contains "uk-form-danger uk-animation-shake". So the space is wrong character? — progreccor
– progreccor, Commented May 13, 2018 at 6:58

jspcal · Accepted Answer · 2018-05-13 07:04:42Z

1

If the given class name may contain invalid characters (such as spaces), then first check if the class name is present before calling remove. The remove function may fail if the specified class name has invalid characters.

var classNames = ['invalid class', 'other-class']

classNames.forEach(function(name) {
    if (this.classList.contains(name)) {
        this.classList.remove(name)
    }
})

If the class names are known to be valid, you can remove multiple items with:

this.classList.remove('class1', 'class2')

edited May 13, 2018 at 7:04

answered May 13, 2018 at 6:59

jspcal

52k7 gold badges76 silver badges79 bronze badges

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

2 Comments

progreccor Over a year ago

what if I need to remove two or more classes?

mplungjan Over a year ago

Then you need to loop

Collectives™ on Stack Overflow

Could I use variable in this.classList.remove [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related