tabel表格的dom操作

对table表格的操作比较麻烦,一直字符串的连接会比较麻烦

var nod = cwgk_msg_list.insertRow();//这个是上边获取过的dom元素,一般是tbody的元素,对元素进行操作,
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        cell.innerHTML=json[i].name;//名称  //这三部是必须的,第一不是增加一个表格,第二部设置表格的属性,第三部:为td赋值
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        cell.innerHTML=json[i].description;//说明
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        var sele="<select id='wechat_id"+i+"'  class='jui-form-select' style='width:160px;'><option value='1'>1</option></select>";
                        cell.innerHTML= sele;//模板名称
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        if(json[i].disabled == "1")
                        {
                            var option = '<option value="1" selected>启用</option><option value="2">不启用</option>';
                        }
                        else
                        {
                            var option = '<option value="1">启用</option><option value="2" selected>不启用</option>';
                        }
                        cell.innerHTML= "<select name='' id='disab"+i+"' class='jui-form-select'>"+option+"</select>";//是否启用
                        cell = nod.insertCell();
                        // cell.setAttribute("align","center");
                        var sele="<select id='wechat_id_msg"+i+"' multiple size=1 data-jgselect class='jui-form-select' style='width:160px;'>"+op+"</select>";
                        cell.innerHTML= sele;//公众号
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        cell.setAttribute("class","timeago");
                        cell.setAttribute("title", json[i].update);
                        cell.innerHTML= json[i].update;//更新时间
                        cell = nod.insertCell();
                        cell.setAttribute("align","center");
                        var btn='<button class="jui-form-button" type="button" onclick="save_msg(\''+json[i].id+'\',\''+json[i].template+'\',document.getElementById(\'disab'+i+'\').value,document.getElementById(\'wechat_id_msg'+i+'\'))">保存</button>'
                        cell.innerHTML = btn;//保存按钮   

 

posted @ 2019-03-05 18:01  努力的小高  阅读(421)  评论(0编辑  收藏  举报