防止innerHTML自动补齐标签

昨天做个网页，onload时给div赋值，因为内容比较多，所以用

div1.innerHTML = '<table>';

div1.innerHTML += '<tr><td>content</td></tr>';

...

div1.innerHTML += '</table>';

 的形式赋值，结果显示出来的内容格式乱了，alert(div1.innerHTML );，发现<table>后面给自动补了些<tbody></table>之类的标签，也就是它认为那是一段不完整的html代码所以自动给补齐了。

解决办法很简单，一段一段的赋值不好用，就整个赋过去好了。

var divContent = '<table>';

divContent += '<tr><td>content</td></tr>';

...

divContent += '</table>';

div1.innerHTML  = divContent ;