JS动态创建Table,Tr,Td并赋值的具体实现

Posted 2023-05-11

参考技术A

　　成果库修改       要求主题列表随成果类型改变而改变       网上查询资料后开工 在成果类型下拉框添加change()事件触发Dwr 查询主题集合——动态创建/编辑Table       概要代码如下 JS  

复制代码 代码如下: //动态获取主题数据 function getzts()     parentId = document getElementById("bselect ") value;     if(parentId!="")         dwrMethod getZtList(parentId callback );     else         //清空主题Table的数据                           var t=document getElementById("zhutiTable");  //获取Table         var length= t rows length;          //获得Table下的行数         if(length!= )              //如果有行 则清空             for(var i=length ;i>= ;i )                             t deleteRow(i);                                 var r = t insertRow();         var c = r insertCell();         c innerhtml="暂无主题列表";         document getElementById( zhutiTable ) appendChild(t);     function callback (provinces)     var t=document getElementById("zhutiTable");     //获取Table     var length= t rows length;             //获得Table下的行数     if(length!= )                      //如果有行 则清空         for(var i=length ;i>= ;i )                                t deleteRow(i);                               if(provinces length> )                                   for (var i = ; i < provinces length; i++)             //tr                     if(i% == )                         var r = t insertRow(t rows length);//创建新的行                                          //td              var c = r insertCell();                //创建新的列             c innerHTML = "<input type= checkbox name= zhutiIds value="+provinces[i][ ]+">"+provinces[i][ ];                 else         var r = t insertRow();         var c = r insertCell();         c innerHTML="暂无主题列表";         document getElementById( zhutiTable ) appendChild(t);

　　

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/19848

js动态的添加tr td，我创建了一个数组把要写入的内容都写进去了，下面是我的代码，求老师指点

js动态的添加tr td，我创建了一个数组把要写入的内容都写进去了，下面是我的代码，求老师指点最后一张图片是我要实现的内容

原声js中如果你想创建tr和td而且是很多个，只能用循环往里面塞值了。简单的写了一下，仅供参考~~ 参考技术A 这位哥们儿还是姐们儿，你的图压根看不清啊，能不能截图？