页面动态增加文本框并获取值

可以通过 JavaScript 动态创建文本框，并获取用户输入的值。以下是一个示例：

HTML 代码：

<button onclick="addTextBox()">添加文本框</button>
<div id="textBoxContainer"></div>
<button onclick="getValues()">获取值</button>

JavaScript 代码：

function addTextBox() {
  var textBoxContainer = document.getElementById("textBoxContainer");
  var textBox = document.createElement("input");
  textBox.type = "text";
  textBoxContainer.appendChild(textBox);
}

function getValues() {
  var textBoxes = document.getElementsByTagName("input");
  for (var i = 0; i < textBoxes.length; i++) {
    console.log(textBoxes[i].value);
  }
}

上述代码中，点击“添加文本框”按钮会触发 `addTextBox` 函数，在 `textBoxContainer` 容器中动态创建一个文本框。点击“获取值”按钮会触发 `getValues` 函数，获取所有文本框的值并输出到控制台中。