구 글 브 라 우 저 insert Cell 과 appendChild 의 차이

한편,appendChild 방법 으로 열 을 추가 하면 결과 의 선후 순서 와 프로그램 이 실 행 된 선후 순서 가 같 고 다음 과 같은 코드 를 상세 하 게 실행 할 수 있 습 니 다


<html> 
<script type="text/javascript"><!-- 
function generatable(){ 
var tableObje = document.getElementById("info"); 
var bodyObj = tableObje.tBodies[0]; 
var rowObj = bodyObj.insertRow(); 
var cellObj = rowObj.insertCell(); 
cellObj.innerHTML = "  "; 
cellObj = rowObj.insertCell(); 
cellObj.innerHTML = "                              "; 
cellObj = rowObj.insertCell(); 
cellObj.innerHTML = "               。"; 
} 
function generatable1(){ 
var tableObje = document.getElementById("info"); 
var bodyObj = tableObje.tBodies[0]; 
var rowObj = document.createElement("tr"); 
var cellObj = document.createElement("td"); 
cellObj.innerHTML = "  "; 
rowObj.appendChild(cellObj) 
cellObj = document.createElement("td"); 
cellObj.innerHTML = "                              "; 
rowObj.appendChild(cellObj); 
cellObj = document.createElement("td"); 
cellObj.innerHTML = "               。"; 
rowObj.appendChild(cellObj); 
bodyObj.appendChild(rowObj); 
} 
// --></script> 
<body onload="generatable()"> 
<table width=100 bgcolor=#f3f3f3 id=info border=1 style="table-layout:fixed;" style="table-layout:fixed;"> 
<thead> 
<tr> 
<td style="width:80">  </td> 
<td style="width:200">  </td> 
<td style="width:100">  </td> 
</tr> 
</thead> 
<tbody> 
</tbody> 
</table> 
</body> 
</html>

구 글 브 라 우 저 insert Cell 과 appendChild 의 차이

좋은 웹페이지 즐겨찾기