你可以使用JavaScript来实现不断从字段获取数据并插入到div中。以下是一个示例代码:
HTML代码:
JavaScript代码:
// 获取input元素和output元素
var inputField = document.getElementById("inputField");
var outputDiv = document.getElementById("outputDiv");
// 获取插入按钮元素并添加点击事件监听
var insertButton = document.getElementById("insertButton");
insertButton.addEventListener("click", insertData);
// 定义插入数据的函数
function insertData() {
// 获取输入框中的数据
var inputData = inputField.value;
// 创建一个新的p元素,并将输入框中的数据作为文本内容
var newParagraph = document.createElement("p");
newParagraph.textContent = inputData;
// 将新的p元素插入到outputDiv中
outputDiv.appendChild(newParagraph);
// 清空输入框中的数据
inputField.value = "";
}
这段代码会监听插入按钮的点击事件,当点击按钮时,会从输入框中获取数据,然后将数据插入到指定的div中。每次插入数据后,输入框中的数据会被清空。
上一篇:不断从一个增长的数组中发出值
下一篇:不断存储和替换数组中的值