動態標籤插入無法在Windows IE或Firefox上工作

Question

我使用以下策略將HTML標籤動態插入到文檔中。它適用於Mac Chrome和Firefox，但不適用於Windows IE或Windows Firefox。我懷疑這與分配給新創建的div標記的innerHTML屬性的字符串中的尖括號有關。有任何想法嗎？

function addElement() { 

     var ni = document.getElementById('stateSet'); 
     var newdiv = document.createElement('div'); 
     var divIdName = 'state'+ stateCount; 
     stateCount++; 
     newdiv.setAttribute('id',divIdName); 
     newdiv.innerHTML = '<input id="name" type="text"/> <input id="setting" type="text"/><button type="button" >x</button>' 
     ni.appendChild(newdiv); 

    } 

Answer 1

嘗試宣告statecount

function addElement() { 
    var stateCount = 0; 
    var ni = document.getElementById('stateSet'); 
    var newdiv = document.createElement('div'); 
    var divIdName = 'state'+ stateCount; 
    stateCount++; 
    newdiv.setAttribute('id',divIdName); 
    newdiv.innerHTML = '<input id="name" type="text"/> <input id="setting" type="text"/><button type="button" >x</button>' 
    ni.appendChild(newdiv); 

} 

http://jsfiddle.net/TPx3v/