ie8 innerHTML不兼容，js动态添加tr的方法

悠悠 2022-05-12 05:26 102阅读 0赞

第一种

function addTable(){
    	var oTab = document.getElementById('tables');
    	var newRow = oTab.insertRow(-1);
    	newRow.innerHTML="<tr><td><input type=\"text\" name=\"dates\" id=\"dates\" onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})\"/></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"content\" id=\"content\"></textarea></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"result\" id=\"result\"></textarea></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"review\" id=\"review\"></textarea></td></tr>";
    	oTab.appendChild(newRow);
    
    }

第二种

function addTable(){
        var oTab = document.getElementById('tables');
        var oTr = document.createElement('tr');     //创建TR
        oTr.innerHTML="<tr><td><input type=\"text\" name=\"dates\" id=\"dates\" onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})\"/></td>"+
                                "<td><textarea style=\"width:100%;overflow:auto\" name=\"content\" id=\"content\"></textarea></td>"+
                                "<td><textarea style=\"width:100%;overflow:auto\" name=\"result\" id=\"result\"></textarea></td>"+
                                "<td><textarea style=\"width:100%;overflow:auto\" name=\"review\" id=\"review\"></textarea></td></tr>";
        oTab.appendChild(oTr);
    }

第三种可以在i8以下使用，需要导入jquery

function addTable(){
    	var tr="<tr><td><input type=\"text\" name=\"dates\" id=\"dates\" onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})\"/></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"content\" id=\"content\"></textarea></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"result\" id=\"result\"></textarea></td>"+
    							"<td><textarea style=\"width:100%;overflow:auto\" name=\"review\" id=\"review\"></textarea></td></tr>";
    	$("#tables").append(tr);
    }