javascript - 网页无法在 IE9 中运行 (insertAdjacentHTML)

Question

尝试执行此代码时，IE 给我一个错误(错误:此操作的目标元素无效。):

var d1 = document.getElementById( name + '-body');
d1.insertAdjacentHTML('beforeend', html );

不必将整个函数放在这里，它的重点是当用户单击按钮时动态添加一些文本输入。我做了一些搜索，发现许多语句表明 insertAdjacentHTML 不能在表格中正常工作，而这正是我需要它做的。

有解决办法吗？

编辑:这是我要插入的 html。如果您愿意，我也可以发布从 Chrome 生成的 html。

    "<tr id=\"node-" + counter + "\">
       <td>
         <textarea onclick=\"Common.removeInstructions(id)\" name=\"on\" id=\"action-" + counter + "\" wrap=\"soft\" cols=\"35\" rows=\"4\" style=\"resize: none; overflow: hidden;\">
        Please limit responses to 150 characters.  Blank fields will be ignored.
        </textarea>
      </td>
      <td>
  <input classname=\"TextInput\" id=\"actionDate-" + counter + "\" newline=\"1\" style=\"width: 100px;\" class=\"TextInput\" assemblers=\"jaba.ui.input.TextInput\" jaba-pagerowindex=\"1\"/>
      </td>
    </tr>"

Answer 1

IE 通常不允许您动态添加表格行/单元格。

预先创建要使用 display:none 添加的行/单元格，然后在需要时更改其 innerHTML 和 display对此有用的解决方法。