360浏览器兼容模式和极速模式js innerHTML 事件有哪些不一样

这个文章算是我开发的日记，做到一半出了问题，所以记下来以便以后出现类似问题不知道怎么解决

给一个table设定一个id，然后用js脚本写innerHTML向table里面添加tr和td元素

结果用360浏览器出现了问题，浏览器有极速模式和兼容模式，极速模式下可以写进去，兼容模式下不显示

<table id="buycarlist" style="width:100%">
 
</table>

<script>
function addbuycar(){
 document.getElementById("buycarlist").innerHTML += "<tr bgcolor='#FFFFFF'><td height='25' width='25%'>" + title + "</td><td height='25' width='25%'>" + price + "</td><td height='25' width='25%'>" + num + "</td><td height='25' width='25%'>" + xiaoji + "</td></tr>";

}

</script>

后来想了一个解决的办法，在table里面加一个div,结果极速模式下加进去的内容不显示表格格式，只显示文字

<table>

<div id="buycarlist" style="width:100%">
  </div>
</table>

<script>
function addbuycar(){
 document.getElementById("buycarlist").innerHTML += "<tr bgcolor='#FFFFFF'><td height='25' width='25%'>" + title + "</td><td height='25' width='25%'>" + price + "</td><td height='25' width='25%'>" + num + "</td><td height='25' width='25%'>" + xiaoji + "</td></tr>";

}

</script>

最后解决方法是让每一行就以一个表格的形式出现

<div id="buycarlist" style="width:100%">
  </div>

<script>
function addbuycar(){
 document.getElementById("buycarlist").innerHTML += " <table width='90%' border='0' align='center' cellpadding='3' cellspacing='1' class='tableborder'><tr bgcolor='#FFFFFF'><td height='25' width='25%'>" + title + "</td><td height='25' width='25%'>" + price + "</td><td height='25' width='25%'>" + num + "</td><td height='25' width='25%'>" + xiaoji + "</td></tr></table>";

}

</script>