zoukankan      html  css  js  c++  java
  • 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中的对象;

  • 相关阅读:
    linux-常用命令
    linux
    测试基础
    链家笔试1
    链家笔试2
    链家笔试3
    MySql优化
    Http1.1和Http2.0
    Charles学习
    链表中倒数第k个结点
  • 原文地址:https://www.cnblogs.com/wangyuxue/p/13253840.html
Copyright © 2011-2022 走看看