Question

我创建了3个元素，稍后在我的代码中，我需要为每个元素添加相同的类。目前我正在这样做，工作正常：

const item1 = document.createElement('div');
const item2 = document.createElement('div');
const item3 = document.createElement('div');

// later on in the code

function addClasses() {
  item1.classList.add('item--animating');
  item2.classList.add('item--animating');
  item2.classList.add('item--animating');
}

然而，这种重复似乎并不干燥。是否有更短的写作方式？

我可以创建一个项目数组，然后循环遍历数组，为每个项目添加类，但我认为这样做会使我的代码简洁易懂。

Answer 1

扩展Rajesh的回答：

const item1 = document.createElement('div');
const item2 = document.createElement('div');
const item3 = document.createElement('div');
const allItems = [item1, item2, item3];

allItems.forEach(x => x.classList.add('item--animating'));

将类添加到存储在数组中的元素的更简洁方法？

1 个答案: