javascript - JavaScript 中的样式 classList 与 className

Question

我有两个 DOM 元素，A 和 B，想从 A 获取所有样式类，并将它们附加到 B。

我知道我可以通过这种方式将新类附加到元素，而无需删除现有类:

B.classList.add("cls1", "cls2", "cls3");

或者这样:

var clsa = ["cls1", "cls2", "cls3"];
B.classList.add(...clsa);

现在，我的问题是，如何以 clsa 的形式获取 A 中的类列表大批？

我可以通过使用 A.className 来做到这一点属性，然后将其拆分为一个数组。

或者我可以简单地附加 A.className到 B.className ，就像:

B.className += A.className;

或者我可以迭代 A.classList 的组件对象, 0: ... N:.

第二个看起来最自然。然而，有一种感觉是 classList 而不是 className，是对象样式类的首选“home”。那正确吗？

如果是这样，是否有任何优雅而清晰的方法可以做到这一点，而无需使用 className？

也许是这样的:

B.classList.add(...A.classList.all);

Answer 1

不明显，但似乎在 Chrome 中工作:

B.classList.add(...A.classList);