javascript中的动态创建元素~求解!解决思路
日期：2014-05-17 浏览次数：20529 次
javascript中的动态创建元素~~~~求解!!
<html>
<head>
<titile></title>
<script type="text/javascript">
function loadData(){
var data={"百度":"http://www.baidu.com","新浪":"http://www.sina.com","雅虎":"http://www.yahoo.com"};
tableLinks=document.getElementById("tableLinks");
for(var key in data){
var tr=document.createElement("tr");
var value=data[key];
var td1=document.createElement("td");
td1.innerText=key;
tr.appendChild(td1);
var td2=document.createElement("td");
td2.innerHTML="<a href='"+value+"'>"+value+"</a>";
tr.appendChild(td2);
tableLinks.appendChild(tr);
}
</script>
</head>
<body>
<table id="tableLinks"></table>
<input type="button" value="添加数据" onclick="loadData();" />
</body>
</html>
以上是源码.在IE中数据显示不出来,我用debugbar看了一下生成的代码如下:
<TABLE id=tableLinks>
<TBODY></TBODY>
<TR>
<TD>百度</TD>
<TD><A href="http://www.baidu.com/">http://www.baidu.com</A></TD></TR>
<TR>
<TD>新浪</TD>
<TD><A href="http://www.sina.com/">http://www.sina.com</A></TD></TR>
<TR>
<TD>雅虎</TD>
<TD><A href="http://www.yahoo.com/">http://www.yahoo.com</A></TD></TR></TABLE><INPUT onclick=loadData(); value=添加网站列表 type=button> </BODY></HTML>
这个怎么解决?数据已经添加到id=tableLinks的表格中了,可是出现了tbody这个标签,求大神解决!!
------解决方案--------------------
表格结构体：
<table>
<thead>
</thead>
<tbody>
</tbody>
</tfoot>
</tfoot>
</table>
其中: thead, tfoot 只能有一个. 如果有多个，那么其他的忽略，并视为tbody内容。
tbody可以有多个.以tBodies[index] 区别多个tbody.
通常, thead,tfoot, tbody 可以省略。但是：
在js应用时, tbody不能省。
tableLinks=document.getElementById("tableLinks");
tableLinks.tBodies[0].....
<html>
<head>
<titile></title>
<script type="text/javascript">
function loadData(){
var data={"百度":"http://www.baidu.com","新浪":"http://www.sina.com","雅虎":"http://www.yahoo.com"};
tableLinks=document.getElementById("tableLinks");
for(var key in data){
var tr=document.createElement("tr");
var value=data[key];
var td1=document.createElement("td");
td1.innerText=key;
tr.appendChild(td1);
var td2=document.createElement("td");
td2.innerHTML="<a href='"+value+"'>"+value+"</a>";
tr.appendChild(td2);
tableLinks.appendChild(tr);
}
</script>
</head>
<body>
<table id="tableLinks"></table>
<input type="button" value="添加数据" onclick="loadData();" />
</body>
</html>
以上是源码.在IE中数据显示不出来,我用debugbar看了一下生成的代码如下:
<TABLE id=tableLinks>
<TBODY></TBODY>
<TR>
<TD>百度</TD>
<TD><A href="http://www.baidu.com/">http://www.baidu.com</A></TD></TR>
<TR>
<TD>新浪</TD>
<TD><A href="http://www.sina.com/">http://www.sina.com</A></TD></TR>
<TR>
<TD>雅虎</TD>
<TD><A href="http://www.yahoo.com/">http://www.yahoo.com</A></TD></TR></TABLE><INPUT onclick=loadData(); value=添加网站列表 type=button> </BODY></HTML>
这个怎么解决?数据已经添加到id=tableLinks的表格中了,可是出现了tbody这个标签,求大神解决!!
------解决方案--------------------
表格结构体：
<table>
<thead>
</thead>
<tbody>
</tbody>
</tfoot>
</tfoot>
</table>
其中: thead, tfoot 只能有一个. 如果有多个，那么其他的忽略，并视为tbody内容。
tbody可以有多个.以tBodies[index] 区别多个tbody.
通常, thead,tfoot, tbody 可以省略。但是：
在js应用时, tbody不能省。
tableLinks=document.getElementById("tableLinks");
tableLinks.tBodies[0].....
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
