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

李白列夫斯泰

于 2018-09-14 17:08:36 发布

阅读量1.6k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_24521431/article/details/82705947

版权

js 专栏收录该内容

18 篇文章 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);
}