主页 / 问题 / 1087752
Accepted
Gelloiss
Asked:2020-02-26 21:23:32 +0000 UTC2020-02-26 21:23:32 +0000 UTC

如何创建具有不同属性的元素？

  • 772

我需要在div里面创建 n 个元素body。所有div元素必须共享同一个类，并且每个元素都必须有自己的私有属性。

到目前为止，这是代码：

for (var i = 0; i < 5; i++) {
  const divEl = document.createElement('div');
  document.body.appendChild(divEl).setAttribute('class', 'div');
}

如何将自己的属性添加到元素？现在它们只用“div”类创建，我仍然需要属性。

有一个想法是在创建后获取所有元素并再次访问每个元素，但我认为这不是最佳选择。

javascript

2 个回答

  1. Best Answer

    您可以为 -s 创建一组配置div并从那里构建：

    const divConfigs = [
  { id: 1 },
  { id: 2, pid: 20 },
  { tid: 300 }
];

for (let divConfig of divConfigs) {
  let div = document.createElement("div");
  div.setAttribute("class", "div");

  for (let attribute in divConfig) {
    div.setAttribute(attribute, divConfig[attribute]);
  }

  document.body.appendChild(div);
}

    配置是一个对象，其中key是属性的名字，value是对应属性的值

    • 2

  2. 我认为没有理由寻找一些棘手的方法。这是可读且正常的：

    for (let i = 0; i < 5; i++) {
    const divEl = document.createElement('div');
    divEl.classList.add('div');
    divEl.setAttribute('myAttr', 'value');
    document.body.appendChild(divEl);
}
    • 1

相关问题