<!DOCTYPE html > <html > <head> <meta charset="utf-8" /> <title>可编辑表格</title> <script> function addRow(){ var oTable = document.getElementById("oTable"); var tBodies = oTable.tBodies; var tbody = tBodies[0]; var tr = tbody.insertRow(tbody.rows.length); var td_1 = tr.insertCell(0); td_1.innerHTML = "<div contenteditable='true'>第1列</div>"; var td_2 = tr.insertCell(1); td_2.innerHTML = "<div contenteditable='true'>第2列</div>"; } </script> </head> <body> <fieldset> <legend>可编辑的表格</legend> <table id="oTable" bordercolor="#aaaaaa" border="1" cellpadding="0" cellpadding="2" width="100%"> <thead> <tr> <th>第一列标题</th> <th>第二列标题</th> </tr> </thead> <tbody> <tr> <td><div contenteditable="true">第一行第一列</div></td> <td><div contenteditable="true">第一行第二列</div></td> </tr> </tbody> </table> </fieldset> <input type="button" onClick="addRow();" value="+"/> </body> </html>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....