javascript动态创建表格及添加数据实例详解【javascript】

web前端|js教程

javascript,动态创建,表格,添加数据

web前端-js教程

虚拟交易平台源码下载,ubuntu进行挂载硬盘,爬虫网站收费标准,php且符号,seo查询影院lzw

1. 动态创建表格（代码不兼容IE6）

和discuz差不多的论坛源码,ubuntu r8168,怎样用tomcat启动项目,汽车之家爬虫信息,兄弟php数据结构图解,seo公司优选lzw

function AppendTableData() { var table = document.getElementById("tblMain"); var data = { "百度": "", "脚本之家": "", "搜狐": "" }; for (var key in data) { var tr = document.createElement("tr"); var td1 = document.createElement("td"); td1.innerText = key; //FireFox不支持innerText,只能使用innerHTML tr.appendChild(td1); var td2 = document.createElement("td"); td2.innerHTML = "" + data[key] + ""; tr.appendChild(td2); table.appendChild(tr); }}

2. 动态创建表格（兼容IE6、IE7）

棋牌游戏宣传源码,vscode自动取消换行,ubuntu怎样打,tomcat多线程图,爬虫outofmemory,php 随机 ip,益阳产品网络推广seo,diy定制知名网站,js登录注册模板lzw

function AppendData() { var data = {"脚本之家":"", "百度":"", "搜狐": ""}; var table = document.getElementById("tblMain"); for (var key in data) { var value = data[key]; var tr = table.insertRow(-1); //FireFox必须使用-1这个参数 var td1 = tr.insertCell(-1); td1.innerText = key; var td2 = tr.insertCell(-1); td2.innerHTML = "" + value + ""; } }

3. 动态创建表格（兼容IE6、IE7）

function AppendTableData() { var table = document.getElementById("tblMain"); var data = { "百度": "", "脚本之家": "", "搜狐": "" }; for (var key in data) { var tr = document.createElement("tr"); var td1 = document.createElement("td"); td1.innerText = key; tr.appendChild(td1); var td2 = document.createElement("td"); td2.innerHTML = "" + data[key] + ""; tr.appendChild(td2); //table.appendChild(tr); 把这一句替换掉 table.tBodies[0].appendChild(tr); } }