ie8 innerHTML不相容,js動態新增tr的方法
阿新 • • 發佈:2019-02-13
第一種
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); }