如何将javascript中的元素应用于html中的多个类名？

要将JavaScript中的元素应用于HTML中的多个类名，您可以使用以下方法：

1. 使用querySelectorAll()方法选择具有多个类名的元素。该方法可以接受CSS选择器作为参数，并返回与该选择器匹配的所有元素的NodeList。

例如，假设您想选择具有类名为 "class1" 和 "class2" 的所有元素，可以使用以下代码：

var elements = document.querySelectorAll('.class1.class2');

1. 使用classList属性操作元素的类名。该属性提供了一组方法来添加、删除和切换元素的类名。

例如，假设您已经选择了具有多个类名的元素，并希望添加一个新的类名 "newClass"，可以使用以下代码：

elements.forEach(function(element) {
  element.classList.add('newClass');
});

1. 使用getAttribute()方法获取元素的类名。该方法接受一个属性名称作为参数，并返回指定属性的值。

例如，假设您已经选择了具有多个类名的元素，并想获取它们的类名列表，可以使用以下代码：

elements.forEach(function(element) {
  var classNames = element.getAttribute('class');
  console.log(classNames);
});

通过以上方法，您可以在JavaScript中操作元素并应用于HTML中的多个类名。注意，这只是其中一种实现方式，还有其他方法可以达到相同的效果。