用JS增添tr和td
日期：2014-05-20 浏览次数：20727 次
用JS添加tr和td？
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
var tableTag=document.getElementById("table");
for(var i=0;i<=5;i++)
{
var trTag=document.createElement("tr");
for(var j=0;j<=5;j++)
{
var tdTag=document.createElement("td");
var divTag=document.createElement("div");
divTag.innerHTML="11";
tdTag.appendChild(divTag);
trTag.appendChild(tdTag);
}
tableTag.appendChild(trTag);
}
}
</script>
</head>
<body onload="a()">
<table id="table" border="1">
</table>
</body>
</html>
------解决方案--------------------
哥们我加了一个onload="a()"还是显示不出来呢，，对照我的和上面这个看了半天也找不到哪里不一样了
------解决方案--------------------
1楼的只支持非ie的浏览器，楼主要支持所有浏览器的话
表格tr 和 td 添加 需要用到 insertRow 和 insertCell 这两个方法
例子如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javacript">
var tableTag=document.getElementById("table");
for(var i=0;i<=5;i++)
{
var trTag=document.createElement("tr");
for(var j=0;j<=5;j++)
{
var tdTag=document.createElement("td");
var divTag=document.createElement("div");
divTag.innerHTML="11";
tdTag.appendChild(divTag);
trTag.appendChild(tdTag);
}
tableTag.appendChild(trTag);
}
</script>
</head>
<table id="table" border="1">
</table>
</body>
</html>
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
var tableTag=document.getElementById("table");
for(var i=0;i<=5;i++)
{
var trTag=document.createElement("tr");
for(var j=0;j<=5;j++)
{
var tdTag=document.createElement("td");
var divTag=document.createElement("div");
divTag.innerHTML="11";
tdTag.appendChild(divTag);
trTag.appendChild(tdTag);
}
tableTag.appendChild(trTag);
}
}
</script>
</head>
<body onload="a()">
<table id="table" border="1">
</table>
</body>
</html>
------解决方案--------------------
哥们我加了一个onload="a()"还是显示不出来呢，，对照我的和上面这个看了半天也找不到哪里不一样了
------解决方案--------------------
1楼的只支持非ie的浏览器，楼主要支持所有浏览器的话
表格tr 和 td 添加 需要用到 insertRow 和 insertCell 这两个方法
例子如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>这种方法兼容所有浏览器</title>
<script type="text/javascript">
window.onload = function(){
var oTable=document.getElementById("table");
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
