classlist和classname的区别

`classlist` 和 `className` 是两个不同的属性，用于访问 HTML 元素的类列表。

- `classList` 是一个 DOMTokenList 对象，它提供了更多的方法，例如 add()、remove() 和 toggle()，用于动态修改类列表。
- `className` 是一个字符串，表示元素的类列表。如果要修改类列表，可以直接赋值给它。

通常情况下，推荐使用 `classList`。

相关问题

classname和classlist的区别

classname和classlist都是用于操作HTML元素的class属性的方法，但它们的区别在于：

1. classname是一个字符串，用于获取或设置元素的class属性值。例如，如果一个元素的class属性值为"red bold"，那么可以使用element.className来获取或设置这个值。

2. classlist是一个DOMTokenList对象，它提供了一组方法来操作元素的class属性值。例如，可以使用element.classList.add("blue")来添加一个名为"blue"的类，使用element.classList.remove("bold")来移除一个名为"bold"的类，使用element.classList.toggle("red")来切换一个名为"red"的类的状态。

因此，虽然classname和classlist都可以用于操作元素的class属性，但它们的用法和功能有所不同。

function addClass(tag, className) { tag.classList.add(className) }

这是一个 JavaScript 函数，用于为指定的 HTML 元素添加一个 CSS 类名。该函数接受两个参数：要添加类名的 HTML 元素以及要添加的类名字符串。

该函数通过调用元素的 `classList` 属性的 `add()` 方法来实现添加类名的功能。`classList` 属性返回一个元素的类名列表对象，它提供了多种方法来操作元素的类名，例如 `add()` 方法用于添加类名，`remove()` 方法用于移除类名，`contains()` 方法用于检查元素是否包含指定的类名等等。

例如，如果你想要为一个 `<div>` 元素添加一个名为 "my-class" 的类名，你可以使用以下代码：

var myDiv = document.querySelector('div');
addClass(myDiv, 'my-class');

这将调用 `addClass()` 函数，将名为 "my-class" 的类名添加到 `myDiv` 元素的类名列表中。