您的位置:首页 > 其它

动态显示一个两行三行的内容

2011-02-05 07:21 176 查看
function displaydata() {
var netaddress = document.getElementById("netaddress");
var datas = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "搜狐": "http://www.sohu.com" };

for (var key in datas) {
var tr = document.createElement("tr");
var value = datas[key];

var td1 = document.createElement("td");
td1.innerText = key;

var td2 = document.createElement("td");
td2.innerText = value;

tr.appendChild(td1);
tr.appendChild(td2);
//netaddress.appendChild(tr); ////IE6,7直接将tr加载到<tbody></tbody>以后造成不显示
netaddress.tBodies[0].appendChild(tr);//必须在<table></table>内容手工加上<tbody></tbody>
}
}

//兼容ie6,ie7
function displaydata1() {
var datas = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "搜狐": "http://www.sohu.com" };
var netaddress = document.getElementById("netaddress");
for(var key in datas){
var tr = netaddress.insertRow(-1);//FF下必须加上-1,即加到最后一行
var td1 = tr.insertCell(-1);
td1.innerText = key;

var td2 = tr.insertCell(-1);
td2.innerText = datas[key];
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐