javascript - 如何在 JavaScript 中生成文本框列表？

Question

我正在制作一个 JS 应用程序，它会在用户输入时自动显示另一个文本框。但我不确定如何附加 input到 li

我想要得到的最终结果是这样的:

<ul id="lst">
  <li>Item1: <input type="text"></li>
  <li>Item2: <input type="text"></li>
  <!-- more li added on button press -->
</ul>

到目前为止我得到的是:

var onClick = function() {
  var ul = document.getElementById('lst'),
      li = document.createElement('li');
  li.appendChild(document.createTextNode('Item' + counter + ': '));
  counter++;
  ul.appendChild(li);
}

我如何附加 <input type="text">节点？

Answer 1

与将文本添加到元素的方式相同。

var onClick = function() {
  var ul = document.getElementById('lst'),
      li = document.createElement('li'),
      input = document.createElement('input');
  input.type="text";
  li.appendChild(document.createTextNode('Item' + counter + ': '));
  li.appendChild(input);
  counter++;
  ul.appendChild(li);
}