当前位置: 代码迷 >> Java面试 >> 用JS增添tr和td
  详细解决方案

用JS增添tr和td

热度:9032   发布时间:2013-02-25 21:26:46
用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/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>
引用:
<!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="C……


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");哥们我加了一个onload="a()"还是显示不出来呢,,对照我的和上面这个看了半天也找不到哪里不一样了
  相关解决方案
本站暂不开放注册!
内测阶段只得通过邀请码进行注册!