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

    技术2024-08-21  70

    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]; } }

    最新回复(0)