<script type="text/javascript"> function AddTableRow() { var Table = document.getElementById("NewTable"); //取得自定义的表对象 NewRow = Table.insertRow(); //添加行 // NewCell1= NewRow.insertCell(); //添加列 // NewCell2=NewRow.insertCell(); // NewCell3=NewRow.insertCell(); // NewCell4=NewRow.insertCell(); // NewCell5=NewRow.insertCell(); // NewCell6=NewRow.insertCell(); // NewCell7=NewRow.insertCell(); // NewCell8=NewRow.insertCell(); // NewCell9=NewRow.insertCell(); // NewCell10=NewRow.insertCell(); // NewCell11=NewRow.insertCell(); for (var i = 1; i <= 11; i ++) { eval(`NewCell${i}=NewRow.insertCell()`); } // NewCell1.innerHTML = ""; //添加数据 // NewCell2.innerHTML=""; // NewCell3.innerHTML=""; // NewCell4.innerHTML=""; // NewCell5.innerHTML=""; // NewCell6.innerHTML=""; // NewCell7.innerHTML=""; // NewCell8.innerHTML=""; // NewCell9.innerHTML=""; // NewCell10.innerHTML=""; // NewCell11.innerHTML=""; for (var i = 1; i <= 11; i ++) { eval(`NewCell${i}.innerHTML=""`); } /******************/ // NewCell1.class="className"; //设置样式 NewCell1.style.height="25px"; //设置样式的高度 // NewCell1.contentEditable="true"; // NewCell2.contentEditable="true"; // NewCell3.contentEditable="true"; // NewCell4.contentEditable="true"; // NewCell5.contentEditable="true"; // NewCell6.contentEditable="true"; // NewCell7.contentEditable="true"; // NewCell8.contentEditable="true"; // NewCell9.contentEditable="true"; // NewCell10.contentEditable="true"; // NewCell11.contentEditable="true"; for (var i = 1; i <= 11; i ++) { eval(`NewCell${i}.contentEditable=true`); } } </script>
<input class="add" type="button" onclick="AddTableRow()" value="添加一行" />
简化代码量
eval是把这个字符串转成js中的对象;