javascript - 有没有办法在添加时仅使用带有数字索引的javascript添加DOM元素？

Question

我无法找到任何仅使用 javascript 添加带有文本节点的 DOM 元素和在节点中添加数字索引的解决方案。

我试过使用 if..else 和 for 循环，但它们都不起作用。

function addElement() {
    var para = document.createElement("p");
    var add = document.createTextNode("This is newly added. ");
    para.appendChild(add);
    var element = document.getElementById("div1");
    element.appendChild(para);
}

Answer 1

您可以在 p 元素中附加一个 label 元素，当前长度为 p 作为 label< 的文本/em>:

function addElement() {
  var length = document.querySelectorAll('p').length;
  var para = document.createElement("p");
  var add = document.createTextNode("This is newly added. ");
  var label = document.createElement("label");
  label.textContent = length + ' ';
  para.appendChild(label);
  para.appendChild(add);
  var element = document.getElementById("div1");
  element.appendChild(para);
}
document.getElementById('createElement').addEventListener('click',addElement);

<button type="button" id="createElement">Create Element</button>
<div id="div1"></div>