创建多个标签并使用变量向其添加不同的文本

Question

我想创建4个<span>代码并为其添加不同的文字。

for (var i = 0; i <= 4; i++) {
    var spanElement = document.createElement("span") + i;
    var value_of_span += uniques + i;
    var textnode_of_span = document.createTextNode(value_of_span);
    spanElement.appendChild(textnode_of_span);
    document.getElementById("pristatomiesi_akordai").appendChild(spanElement);
};

Answer 1

+i中的document.createElement("span")+i;应该是什么？您正尝试使用数字添加/连接 DOM元素。这没有用。

将其删除，以及+中的var value_of_span += uniques+i。你不能声明一个变量并追加它。

＆＃13;

＆＃13;

var uniques = 'foo';

for (var i = 0; i <= 4; i++) {
  var spanElement = document.createElement("span");
  var value_of_span = uniques + i;
  var textnode_of_span = document.createTextNode(value_of_span);

  spanElement.appendChild(textnode_of_span);
  document.getElementById("container").appendChild(spanElement);
}

＆＃13;

<div id="container"></div>

＆＃13;

＆＃13;

＆＃13;