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" οnclick="save_msg(\''+json[i].id+'\',\''+json[i].template+'\',document.getElementById(\'disab'+i+'\').value,document.getElementById(\'wechat_id_msg'+i+'\'))">保存</button>'
                        cell.innerHTML = btn;//保存按钮   

 

转载于:https://www.cnblogs.com/mrxinxin/p/10478530.html