classList.add()支持一次添加多个类名，可直接传入多个字符串参数或使用展开运算符处理类数组，且具有幂等性，已存在的类会被自动忽略。
JavaScript 中 classList.add() 支持一次添加多个类名，不需要循环调用，直接传入多个字符串参数即可。
直接传入多个类名参数
这是最简洁的方式：把要添加的类名作为独立参数传给 add() 方法。
const el = document.getElementById('myDiv');
el.classList.add('active', 'highlight', 'fade-in');
执行后，元素会同时拥有 active、highlight 和 fade-in 三个类。
用展开运算符（...）动态添加类数组
当类名存在数组中，或来自变量/函数返回值时，用 ... 展开更灵活：
立即学习“Java免费学习笔记（深入）”；
const newClasses = ['btn', 'btn-primary', 'is-loading']; el.classList.add(...newClasses);
注意：必须确保数组中每个元素都是字符串，否则会报错。
避免重复添加已存在的类
classList.add() 本身是幂等的 —— 如果某个类已经存在，不会重复添加，也不会报错。
- 即使多次执行
el.classList.add('active')，active只会出现一次 - 批量添加时，已存在的类会被自动忽略，其余新类照常加入
兼容性与替代写法（仅必要时）
现代浏览器（包括 IE10+）都支持多参数 add()。若需兼容极老环境（如 IE9），可改用 className 拼接，但需手动去重和空格处理，不推荐日常使用。
