Javascript 尝试克隆窗体并增加克隆的id 函数moreFields（）{ 计数器++； var newFields=document.getElementById（“输入”）.cloneNode（true）； newFields.id=计数器； newFields.style.display='block'； var newField=newFields.childNodes； 对于（var i=0；i0）{ var pricetxt=document.getElementById（'price'+count）； pricetxt.value=“”； var qtyText=document.getElementById（'数量'+计数）； qtyText.value=“”； 计数--； } }

这是该页面的JSFIDLE

对不起，我知道它很大，但我不知道出了什么问题。moreFields函数正确地复制字段（只有两个文本框），但我不确定它是否正确地实现了递增id

我想我的清除功能是正确的，但它不能读取ID？ 有人能帮我吗？

更改

clear（）

的名称，它就可以工作了。您遇到了一个javascript保留字，

clear

是一个窗口方法

---

演示：

这看起来不像是一个问题，更像是一个调试帮助请求。由于Stack Overflow是一个问题站点，如果您用诸如“我如何做X？”或“为什么这个javascript调用Y没有做我期望的事情？”之类的特定问题来重新表述它，您可能会获得更好的成功。谢谢！我当时正在绞尽脑汁想弄清楚到底出了什么问题xD

function moreFields() {
     counter++;
     var newFields = document.getElementById("input").cloneNode(true);
     newFields.id = counter;
     newFields.style.display = 'block';
     var newField = newFields.childNodes;
     for (var i=0;i<newField.length;i++) {
         var theName = newField[i].id;
         if (theName) {
             newField[i].id = theName + counter;
            }
        }
     var insertHere = document.getElementById("buttons");
     insertHere.parentNode.insertBefore(newFields,insertHere);
}

function clear() {
     var count = counter;
     while (count>0) {
         var pricetxt = document.getElementById('price'+count);
         pricetxt.value = "";
         var qtytxt = document.getElementById('qty'+count);
         qtytxt.value = "";
         count--;
        }
}