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

  • 相关阅读:
    vue的环境的搭建
    rem
    web前端面试题总结
    vue遇到的一些问题
    栅格布局的理解
    利用node的http模块创建一个简单的http服务器
    node 常用的一些终端的命令的快捷键
    node 环境变量设置方法
    CentOS7.5搭建Hadoop2.7.6完全分布式集群
    UUID做主键,好还是不好?这是个问题
  • 原文地址:https://www.cnblogs.com/wangyuxue/p/13253840.html
Copyright © 2020-2023  润新知