JavaScript:表格生成器

样式：

<style>tr,td,table,thead,tbody {margin: 0;padding: 0;}table {width: 300px;text-align: center;border-collapse: collapse;}td {border: 1px solid black;}</style>

<body><table><thead class='head'><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr></thead><tbody class='body'></tbody></table><script>var str = [{a: 1,b: 1,c: 1,d: 1,e: 1},{a: 2,b: 2,c: 2,d: 2,e: 2}]var tbody = document.getElementsByClassName('body')[0];for (k in str) {var tr = document.createElement('tr');tbody.appendChild(tr);for (i in str[k]) {var td = document.createElement('td');tr.appendChild(td);td.innerHTML = str[k][i];}var del = document.createElement('td')tr.appendChild(del);del.innerHTML = '<a href = #>删除</a>';}var a = document.getElementsByTagName('a');console.log(a);for (var j = 0; j < a.length; j++) {console.log(a[j]);a[j].onclick = function(){tbody.removeChild(this.parentNode.parentNode);}}</script>
</body>

运行效果：

JavaScript:表格生成器相关推荐

php表格js特效,JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
本文实例讲述了JavaScript表格隔行变色和Tab标签页特效.分享给大家供大家参考,具体如下: 最近一直在看JavaScript知识,偶尔也穿插一点Jquery,感觉Jquery用起来真爽,减少了 ...
JavaScript 表格专题
JavaScript表格专题表格的属性和方法表格的属性表格的方法 TableRow对象方法表格的属性和方法表格的属性 cells:返回包含表格中所有单元格的一个数组语法:tableObje ...
分享12款 JavaScript 表格控件（DataGrid）
JavaScript 表格控件可以操作大数据集的 HTML 表格,提供各种功能,如分页.排序.过滤以及行编辑.在本文中,我们整理了13个最好的 JavaScript 表格插件分享给开发人员,开发者可以 ...
LaTex(1):使用在线表格生成器工具生成LaTex表格
目录 0 在线工具 1 常用命令: 1.0 编辑表格 1.1 Table-set size可以改变表格大小: 1.2 合并表格和拆分表格: 1.3 生成latex代码与复制代码: 2 示例 0 在线工 ...
超好用的LaTex表格生成器
相信很多小伙伴在使用LaTex撰写论文时,避免不了要绘制表格,但是直接在LaTex中制作表格,这是一件有点繁琐的事儿,而且非常容易出错.前段时间发现一个很好用的LaTex表格生成器,接下来我们看看如何 ...
JavaScript|表格隔行变色(可作模板copy)
本博文源于js基础,主要实现表格的隔行变色. 题目再现想让表格产生隔行变色的效果. 解题思路若手动给所有的奇数行或者偶数行设置某个类名,则显地太麻烦.使用js可以简化这种重复工作. 测试效果附上 ...
javascript表格信息增添与删除
JavaScript入门 JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已经嵌入了JavaScript引擎,JavaScript源代码可 ...
javascript表格操作的快捷方法
一.表格的组成-<table> 表格式html中最复杂的标签之一,它的层次关系为table>thead/tbody/tfoot>tr>td,我们当然可以根据每一个标签创建 ...
使用TableTree4J实现javascript 表格树(树型表格、菜单)
TableTree4J TableTree4J 是一个开源的基于javascript的树状菜单和表格控件使用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单目前TableTre ...

JavaScript:表格生成器

JavaScript:表格生成器相关推荐

最新文章

热门文章