javascript 动态创建表格 js foreach
2011-05-04 09:39
471 查看
使用insertRow和insertCell方法
<html>
<head> <title>Test javascript method </title>
<body>
<script language="javascript">
function LoadData() {
var data = {"腾讯":"http://www.qq.com","百度":"http://www.baidu.com","新浪":"http://www.sina.com"};
var tableLinks = document.getElementById("tableLinks");
for(var key in data){
var value = data[key];
var tr = tableLinks.insertRow(-1);
var td1 = tr.insertCell(-1);
td1.innerText =key;
var td2 = tr.insertCell(-1);
td2.innerHTML = "<a href='"+value+"'>" +value+ "</a>";
}
}
</script>
<table id="tableLinks"></table>
<input type="button" value="创建表格" onclick="LoadData()" /></body>
<html>
<head> <title>Test javascript method </title>
<body>
<script language="javascript">
function LoadData() {
var data = {"腾讯":"http://www.qq.com","百度":"http://www.baidu.com","新浪":"http://www.sina.com"};
var tableLinks = document.getElementById("tableLinks");
for(var key in data){
var value = data[key];
var tr = tableLinks.insertRow(-1);
var td1 = tr.insertCell(-1);
td1.innerText =key;
var td2 = tr.insertCell(-1);
td2.innerHTML = "<a href='"+value+"'>" +value+ "</a>";
}
}
</script>
<table id="tableLinks"></table>
<input type="button" value="创建表格" onclick="LoadData()" /></body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 动态创建表格js文件,javascript，Ajax，DHTML动态实现表格的创建，动态读取XML中的文件，读取dom节点的例子。
- [转]javascript 动态创建表格：新增、删除行和单元格
- js动态创建表格------Day59
- js 创建 table 动态添加删除表格行(转)
- javascript 动态创建表格
- JS动态创建表格，动态设置属性，动态添加事件
- JS动态创建表格，动态设置属性，动态添加事件
- js动态创建表格
- js动态创建表格方法
- 使用JavaScript和DOM动态创建表格
- 使用JavaScript和DOM动态创建表格(2)
- (转)使用JavaScript和DOM动态创建表格
- javascript动态创建表格：新增、删除行和列
- javascript 动态创建表格的2种方法总结
- javascript 动态创建表格
- js创建表格动态增加行并删除行
- Javascript 动态创建表格(还能删除行列)
- 通过Javascript运用四种方法动态创建表格，并测试性能优劣[复习]
- js 动态创建表格
- Js版本的打老鼠游戏--这里简单用一个图标表示老鼠 关键字：js对表格进行动态创建