ie8 不兼容innerHTML 怎么解决

Question

主要代码
for(var i=0;i<items.length;i++){
var item = items[i].split(",");

                    var tr = document.createElement("tr");
                    var strHtml="";
                    if(item[0] == "0" && item[1] == "0"){
                        strHtml +="<td class='result' align='center' ><input name='select' type='checkbox' value='0' /></td>"
                    }else if(item[0] == "0" && item[1] == "1"){
                        strHtml += "<td class='result' align='center' ><input name='select' type='checkbox' value='0'  disabled=true/></td>";
                    }else if(item[0] == "1" && item[1] == "0"){
                        strHtml += "<td class='result' align='center' ><input name='select' type='checkbox' value='1' checked=true/></td>";
                    }else if(item[0] == "1" && item[1] == "1"){
                        strHtml +="<td class='result' align='center' ><input name='select' type='checkbox' value='1' checked=true disabled=true/></td>";
                    }

                    if(item[1] != "undefined" && item[1] != undefined ){
                    var tables = document.getElementById("ordList");
                        strHtml +="<td class='result' align='center' >"+item[2]+"</td>";
                        strHtml +="<td class='result' align='center'>"+item[3]+"</td>";
                        strHtml +="<td class='result' align='center'>"+item[4]+"</td>";
                        strHtml +="<td class='result' align='center'>"+item[5]+"</td>";
                        strHtml +="<td class='result' align='center'>"+item[6]+"</td>";
                        strHtml +="<td class='result' align='center' >"+item[7]+"</td>";
                        strHtml +="<td class='result' align='center'>"+item[8]+"</td>";
                        strHtml +="<td class='result' align='center' >"+item[9]+"</td>";

                        strHtml +="<td class='result' align='center' style='display:none;'>"+item[10]+"</td>";
                        strHtml +="<td class='result' align='center' style='display:none;'>"+item[11]+"</td>";
                        strHtml +="<td class='result' align='center' style='display:none;'>"+item[12]+"</td>";
                        strHtml +="<td class='result' align='center' style='display:none;'>"+item[13]+"</td>";

                        tr.innerHTML = strHtml;
                        //table.appendChild(tr);
                        //table.appendHTML(tr);
                        tables.rows[1].innerHTML=strHtml;

                        问题是tables.rows[1].innerHTML=strHtml; ie8不能这样用    ie11没有问题   ie8下//table.appendChild(tr);也追加不上

Answer 1

不要偷懒，你要偷懒就直接设置div容器的innerHTML，连table一起拼接在字符串里面。ie8-不支持tr设置innerHTML，table直接设置innerHTML也无效