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

web前端|js教程 javascript动态创建表格及添加数据实例详解【javascript】

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 = { "百度": "http://www.baidu.com", "脚本之家": "http://www.liuzhongwei.com", "搜狐": "http://www.sohu.com" }; 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

 添加网格数据(处理了IE兼容问题)  function AppendData() {  var data = {"脚本之家":"http://www.liuzhongwei.com",   "百度":"http://www.baidu.com",   "搜狐": "http://www.sohu.com"};  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）

 动态创建表格(处理IE6兼容问题)  function AppendTableData() {  var table = document.getElementById("tblMain");  var data = { "百度": "http://www.baidu.com",  "脚本之家": "http://www.liuzhongwei.com",  "搜狐": "http://www.sohu.com"  };  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);  } }