javascript - 使用 JavaScript 添加和删除分区

Question

<script type="text/javascript">
    var num=2;
    function addElement() 
    {
        var ni = document.getElementById('myDiv');
        var newdiv = document.createElement('div');
        var divIdName = 'my'+num+'Div';
        newdiv.setAttribute('id',divIdName);
        newdiv.innerHTML = 'Subject-' + num + '* :<input type="text" id=textbox"' + num + '"/><a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove</a>';
        ni.appendChild(newdiv);
        num=num+1;
    } 

    function removeElement(divNum) 
    {
        alert(divNum.id);
        var d = document.getElementById('myDiv');
        var dd =document.getElementById(divNum.id);
        d.removeChild(dd);    
        for(var i=0;i<d.childNodes.length;i++)
        {
            if(d.childNodes[i].id==divNum.id)
            {
                d.removeChild(d.childNodes[i]);    
            }
        }
    }
</script>        

它在 Internet Explorer 中工作正常，但在 Firefox 中却给出错误，例如元素 my1Div 未定义。为什么会发生这种情况以及如何纠正？

谢谢。

Answer 1

改变

newdiv.innerHTML = 'Subject-' + num + '* :<input type="text" id=textbox"' + num + '"/><a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove</a>';

至

newdiv.innerHTML = 'Subject-' + num + '* :<input type="text" id=textbox"' + num + '"/><a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Remove</a>';

(添加“引号)

然后改变

var dd =document.getElementById(divNum.id);

至

var dd =document.getElementById(divNum);

(删除.id)