html动态生成tr标签,JS动态添加tr元素

tr1:

是

否

test

function addDiv(){

//创建行

var tr=document.createElement("tr");

//newNode.setAttribute("id","a3");

//创建第一个单元格

var td = document.createElement("td");

var tdContent = document.createTextNode("xxxxxx");

td.appendChild(tdContent);

//tr中添加该单元格

tr.appendChild(td);

//创建第二个单元格

td = document.createElement("td");

//创建多选项

var selection = document.createElement("select");

//创建选项

var option = document.createElement("option");

var optionContent = document.createTextNode("option1");

option.appendChild(optionContent);

//多选项添加单选项

selection.appendChild(option);

option = document.createElement("option");

optionContent = document.createTextNode("option2");

//多选项添加单选项

selection.appendChild(option);

//td中添加selection

td.appendChild(selection);

//tr中添加该单元格

tr.appendChild(td);

//在id为tb1的父元素下添加tr,添加的位置在 id为last_tr之前

document.getElementById("tb1").insertBefore(tr,document.getElementById("last_tr"));

alert(document.getElementById("tb1").innerHTML);

}

注意，如果没有

元素，直接在table元素下添加，可能会出现

了解更多

http://blog.csdn.net/cike121272604/article/details/5809114

http://stackoverflow.com/questions/23401641/uncaught-notfounderror-failed-to-execute-insertbefore-on-node-the-node-bef

html动态生成tr标签,JS动态添加tr元素相关推荐

Vue+Element动态生成新表单并添加验证
Vue+Element动态生成新表单并添加验证首先,有这样一个需求,表单中默认有表单项,点击新增,会多出一项. 点击之后官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的 ...
ajax 怎么input赋值,jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签...
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签发布于 2016-11-25 16:26:40 | 111 次阅读 | 评论: 0 | 来源: ...
通过表单设计器动态生成数据库表以及动态查询的功能实现
表单设计器动态生成数据库表以及动态查询的功能实现前言 1. 功能实现 1.1 效果说明 1.2 功能流程图 1.3 具体后端实现 1.4 实现效果 2. 尾声前言前两天安排了作为Java小码农的 ...
js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
html动态生成按钮事件,javascript 动态生成按钮并添加事件时为什么不响应？
javascript 动态生成按钮并添加事件时为什么事件不响应?(谢谢大家!) 1)html部分 1 2 3 4 5 6 7 8 9 10 11 12 2)script部分 //_t 为一个现在的Ta ...
POI利用word模板动态生成word报表以及动态生成word表格
目录核心依赖动态表格测试类工具类动态数据测试类工具类核心依赖 <dependency><groupId>org.apache.poi</groupId&g ...
html js 动态表格数据,HTML+JS动态表格
1. 设置固定列 ID日期星期 propName -- 属性名 valCalc -- 设置值时, 特定回调函数 2. 动态生成可变列这里模拟服务器获取数据 // 返回数据的格式: /* { poin ...
根据数据和模板动态生成页面+列表的动态渲染
非原创本文转自https://github.com/a415432669/-front_end_notebook/tree/master/Node/day6/%E6%96%87%E6%A1%A3 根 ...
php动态生成页面结构,PHP 动态生成静态HTML页面示例代码
temp.html {penglig_site_title} test.php header('content-type:text/html; charset=utf-8');//防止生成的页面乱码 ...
JS——瀑布流无限加载以及动态生成a标签
如何实现瀑布流排列效果?看下面这张图通过js去比较每张图片的高度,然后进行排列. 这是一个模拟的瀑布流的list列表项 <div id="main"><div ...

html动态生成tr标签,JS动态添加tr元素

html动态生成tr标签,JS动态添加tr元素相关推荐

最新文章

热门文章