类名和类列表的区别

Question

在什么情况下应优先选择以下哪一项？

btnElement.classList.add('btn');

btnElement.className = 'btn';

Answer 1

使用“classList”，您可以添加或删除一个类，而不会影响该元素可能具有的任何其他类。但是，如果您分配“className”，它将在添加新类时清除所有现有类（或者如果您分配空字符串，它将清除所有类）。

当您确定元素上不会使用其他类时，分配“className”可能会很方便，但我通常会专门使用“classList”方法。

并且“classList”还具有方便的“切换”和“替换”方法。

https://teamtreehouse.com/community/difference- Between-classlist-and-classname