js字符串循环拼接并赋值执行

<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中的对象；