js中获取span标签的类名并追加一个类名 并追加完删除类名

可以使用 JavaScript 中的 `classList` 属性来获取和修改元素的类名，具体操作如下：

获取 `span` 标签的类名并追加一个类名：

const span = document.querySelector('span'); // 获取 span 元素
const className = span.className; // 获取 span 元素的类名
span.classList.add('new-class'); // 追加一个新的类名

上述代码中，`querySelector` 方法用于获取第一个匹配的元素，`className` 属性用于获取元素的类名，`classList` 属性用于对元素的类名进行操作，`add` 方法用于向元素中添加一个新的类名。

删除追加的类名：

span.classList.remove('new-class'); // 删除追加的类名

上述代码中，`remove` 方法用于从元素中删除指定的类名。

注意：如果要添加或删除多个类名，可以使用 `add` 或 `remove` 方法多次调用，或者使用 `toggle` 方法一次性完成。如果当前元素中已经存在要添加的类名，则 `add` 方法不会重复添加；如果当前元素中不存在要删除的类名，则 `remove` 方法不会抛出异常。