javascript - 如何在每个按钮单击时在javascript中添加新元素

当我单击链接时，JS会在页面上添加一个新的文件标签，但是每次它重新加载所有文件标签时。我需要的是，当我单击链接时，它应该附加一个文件标签而不重新加载较早的文件标签。

请提出任何关于此的想法。

以下是我的代码。

var intTextBox = 0;
function addElement()
{
    intTextBox = intTextBox + 1;
    var contentID = document.getElementById('content');
    contentID.innerHTML = "";
    var howManyTextBoxes = intTextBox;
    for ( var i = 0; i < howManyTextBoxes; i++)
    {
        var newTBDiv = document.createElement('div');
        newTBDiv.setAttribute('id', 'strText' + intTextBox);
        newTBDiv.innerHTML += "<input type=file name='fileUpload' size='40'/>";
        contentID.appendChild(newTBDiv);
}

这就是我调用JS函数的方式。

    <a href="javascript:addElement();">Attach more files</a>

最佳答案

您应该从该函数返回false，否则链接将重新加载页面：

function addElement() {
    intTextBox = intTextBox + 1;

    var contentID = document.getElementById('content');
    contentID.innerHTML = "";
    var howManyTextBoxes = intTextBox;
    for ( var i = 0; i < howManyTextBoxes; i++) {
    var newTBDiv = document.createElement('div');
    newTBDiv.setAttribute('id', 'strText' + intTextBox);
    newTBDiv.innerHTML += "<input type=file name='fileUpload' size='40'/>";                             contentID.appendChild(newTBDiv);
    return false;
}

关于javascript - 如何在每个按钮单击时在javascript中添加新元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16230717/