IE无法将对象的innerHTML设置为空

Question

Hello i have such problem, i need to make empty some of my elements in document, when i am trying to do this in IE 11 it fails with error Unknown runtime error on 3rd line.
js

var element = document.getElementById('sum');
alert(element.innerHTML);
element.innerHTML = '';

and html

<table>
<thead></thead>
<tbody id="sum">
</tbody>
</table>

In alert i see <TBODY></TBODY> . This code works in google chrome and firefox, but not in IE, how i can fix this problem?
Thank you for help.

Answer 1

The innerHTML property has some problems in IE when trying to add or update form elements, the workaround is to create a div and set the innerHtml property on that before appending to the DOM:

var newdiv = document.createElement("div");
newdiv.innerHTML = xmlhttp.responseText;
var container = document.getElementById(id);
container.appendChild(newdiv);