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

  1. var nod = cwgk_msg_list.insertRow();//这个是上边获取过的dom元素,一般是tbody的元素,对元素进行操作,
  2. cell = nod.insertCell();
  3. cell.setAttribute("align","center");
  4. cell.innerHTML=json[i].name;//名称 //这三部是必须的,第一不是增加一个表格,第二部设置表格的属性,第三部:为td赋值
  5. cell = nod.insertCell();
  6. cell.setAttribute("align","center");
  7. cell.innerHTML=json[i].description;//说明
  8. cell = nod.insertCell();
  9. cell.setAttribute("align","center");
  10. var sele="<select id='wechat_id"+i+"' class='jui-form-select' style='width:160px;'><option value='1'>1</option></select>";
  11. cell.innerHTML= sele;//模板名称
  12. cell = nod.insertCell();
  13. cell.setAttribute("align","center");
  14. if(json[i].disabled == "1")
  15. {
  16. var option = '<option value="1" selected>启用</option><option value="2">不启用</option>';
  17. }
  18. else
  19. {
  20. var option = '<option value="1">启用</option><option value="2" selected>不启用</option>';
  21. }
  22. cell.innerHTML= "<select name='' id='disab"+i+"' class='jui-form-select'>"+option+"</select>";//是否启用
  23. cell = nod.insertCell();
  24. // cell.setAttribute("align","center");
  25. var sele="<select id='wechat_id_msg"+i+"' multiple size=1 data-jgselect class='jui-form-select' style='width:160px;'>"+op+"</select>";
  26. cell.innerHTML= sele;//公众号
  27. cell = nod.insertCell();
  28. cell.setAttribute("align","center");
  29. cell.setAttribute("class","timeago");
  30. cell.setAttribute("title", json[i].update);
  31. cell.innerHTML= json[i].update;//更新时间
  32. cell = nod.insertCell();
  33. cell.setAttribute("align","center");
  34. 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>'
  35. cell.innerHTML = btn;//保存按钮

tabel表格的dom操作的更多相关文章

  1. DOM操作表格

    前面的话 表格table元素是HTML中最复杂的结构之一.要想创建表格,一般都必须涉及表示表格行.单元格.表头等方面的标签.由于涉及的标签多,因而使用核心DOM方法创建和修改表格往往都免不了要编写大量 ...

  2. 采用DOM进行表格的修改操作

    2015-08-31 <html> <head> <title>采用DOM进行表格的修改操作</title> <script language=& ...

  3. DOM系列---DOM操作表格

    DOM在操作生成HTML上,还是比较简明的.不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了.本篇章主要了解一下DOM操作表格. 一.操作表格 <table>标签是H ...

  4. DOM操作--表格点击行变色

    点击表格行变色,这种网页效果应该还是比较常见的.大家应该看见了,我这里的效果是用DOM操作实现的,那么很多人会问什么是DOM操作,贴出代码之前我就和大家解释一下什么是DOM操作: DOM是Docume ...

  5. 第一百一十五节,JavaScript,DOM操作表格

    JavaScript,DOM操作表格 学习要点: 1.操作表格 DOM在操作生成HTML上,还是比较简明的.不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了.本章主要了解一下DO ...

  6. JavaScript(第二十天)【DOM操作表格及样式】

    DOM在操作生成HTML上,还是比较简明的.不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了.本章主要了解一下DOM操作表格和样式的一些知识. 一.操作表格 <table& ...

  7. JavaScript的BOM、DOM操作、节点以及表格(二)

    BOM操作 一.什么是BOM BOM(Browser Object Model)即浏览器对象模型.     BOM提供了独立于内容 而与浏览器窗口进行交互的对象:     BOM由一系列相关的对象构成 ...

  8. Javascript高级编程学习笔记(45)——DOM 操作表格及DOM动态集合

    操作DOM表格 早些时候,HTML 还是以表格布局为主, 所以DOM操作表格是比较重要的一点 但是现如今 有其它的选择,所以表格的操作也就慢慢地淡出了人们的视线 所以这里也就不过多去详细展开,这里也就 ...

  9. jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作

    查看本章节 查看作业目录 需求说明: 在 jQuery 中使用 DOM 操作节点,对页面中的表格实现增.删.查.改操作 点击"增加"超链接时,将表格中的第一条数据添加到表格的末尾 ...

随机推荐

  1. Avalon Master 外设

  2. 7-安装Spark

    1.Apache Hadoop2.7中的YARN与JAVA8有冲突,如果想要使用spark on yarn,首先需要在yarn-site.xml中配置如下项: <property> < ...

  3. xcode 自动签名原理

    签名的核心就是provision profile要与当前的bundle id及本地的私钥相匹配. teamid:每个开发者账号都会对应一个teamid.企业的开发这账号除了对应一个teamid外,下面 ...

  4. 关于php查询mongodb限制返回字段的问题

    最近想做一个前端控制接口字段返回的一个基础方法,通过mongodb 的find($query,$field)查询来规定查询的字段,但是遇到这么一个问题: 工作代码中有两个封装方法 : /** * 查询 ...

  5. hadoop分布式集群搭建(2.9.1)

    1.环境 操作系统:ubuntu16 jdk:1.8 hadoop:2.9.1 机器:3台,master:192.168.199.88,node1:192.168.199.89,node2:192.1 ...

  6. 安装Caffe纪实

    第一章 引言 在ubuntu16.04安装caffe,几乎折腾了一个月终于成功;做一文章做纪要,以便日后查阅.总体得出的要点是:首先,每操作一步,必须知道如何检验操作的正确性;笔者的多次失误是因为配置 ...

  7. (转)2018CRM系统最新排行榜

    https://www.jianshu.com/p/718cc29de91f 2018CRM系统最新排行榜 深谷幽兰呼 关注 2018.09.04 10:22 字数 1524 阅读 3182评论 0喜 ...

  8. android rc文件分析

    service vold /system/bin/vold \        --blkid_context=u:r:blkid:s0 --blkid_untrusted_context=u:r:bl ...

  9. git clone Failed to connect to 127.0.0.1 port 43213: Connection refused

    不知道为什么使用git clone 的时候报了上面的错误,后面发现是 127.0.0.1 port 43213的端口被代理占用了,可以这样查看: $ env|grep -i proxy 结果是: NO ...

  10. Curator的监听

    如果要使用类似Wather的监听功能Curator必须依赖一个jar包,Maven依赖, <dependency> <groupId>org.apache.curator< ...