javascript - 动态删除后如何更改表单ID？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 7 年前。

Improve this question

我正在 JavaScript 中生成动态表单，当我通过 id 删除表单时，我不知道如何按 1,2,3 的顺序设置 id...您可以在 jsfiddle 上查看我的代码

https://jsfiddle.net/wdLtv01x/1/

if (document.getElementById(childDiv))
{
    var child = document.getElementById(childDiv);
    child.parentNode.removeChild(child);
    i--;    
}

抱歉我的英语不好。

谢谢。

Answer 1

通过在 removeElement 函数中添加 i--;，我认为效果很好。

window.removeElement = function(parentDiv, childDiv){

    if (document.getElementById(childDiv)){
        var child = document.getElementById(childDiv);
        child.parentNode.removeChild(child);
        i--;
        //decrement();    
    }
};

评论后更新:

我为每个创建的表单添加了一个类，然后循环包含该类的所有元素并更新表单编号。

var forms = document.getElementsByClassName('interview-form');
console.log(forms);
for(var j = 0; j < forms.length; j++){
    console.log(forms[j].getElementsByTagName('h2'));
    forms[j].getElementsByTagName('h2')[0].innerHTML = 'Interview '+ (j+2);
}

fiddle 已更新(但我只是针对 H2 元素进行了更新)。如果您有更多问题，请发表评论。

参见updated fiddle