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/

动态标记插入不适用于Windows IE或Firefox

1 个答案: