Windows IE 또는 Firefox에서 동적 태그 삽입이 작동하지 않습니다.

Question

다음 전략을 사용하여 HTML 태그를 문서에 동적으로 삽입하고 있습니다. 그것은 Mac 크롬과 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/