JS Operation CSS Class

JS is often used to dynamically set CSS classes, two methods.

1, ClassName

ClassName is a string that contains all classes, so adding a delete class is just as good as manipulating a string.

Adding classes is simple and straightforward

Obj.classname + = ' active ';

Remember to add a space.

To remove a class, you need to use the string replace function.

Obj.className.replace (' active ', ');

If you write this directly, you will find useless!!!!

It was later discovered that replace does not change the original value, and the return value is the replacement value, so this is required:

Obj.classname = Obj.className.replace (' active ', ');

Empty class is simple, set classname = "

2, Classlist

HTML5 brings a simpler method of operation, Classlist.

Add a Class

Obj.classList.add (' active ');

Remove a class

Obj.classList.remove (' active ');

JS Operation CSS Class