Вмъкването на динамичен етикет не работи в Windows IE или Firefox

Вмъквам динамично html тагове в документа, използвайки следната стратегия. Работи на Mac Chrome и Firefox, но не и на Windows IE или Windows Firefox. Подозирам, че това има нещо общо с ъгловите скоби в низа, присвоен на свойството innerHTML на новосъздадения таг div. Някакви идеи?

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);

    }

person sigmonky    schedule 03.05.2011    source източник
comment
нямате нужда от type за елемент на бутон   -  person Naftali aka Neal    schedule 03.05.2011
comment
къде е дефинирано stateCount?   -  person Naftali aka Neal    schedule 03.05.2011


Отговори (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/

person Ryan Matthews    schedule 03.05.2011