1. 홈
  2. 질의 응답
  3. 테이블 상단에 tr을 추가하는 방법

테이블 상단에 tr을 추가하는 방법

2009-03-25 3 views
4

어떻게 다른 tr 아래에 테이블의 맨 위에 새 tr 추가 할 수 있습니다.테이블 상단에 tr을 추가하는 방법

예 : 지금이에

<table width='100%'> 
<tr><td>something3</td><td>else here3</td></tr> 
<tr><td>something</td><td>else here</td></tr> 
<tr><td>something2</td><td>else here2</td></tr> 
</table>

처럼 어떤 도움을 보이는 있도록

<table width='100%'> 
<tr><td>something</td><td>else here</td></tr> 
<tr><td>something2</td><td>else here2</td></tr> 
</table>

jQuery를에 클릭 이벤트 후, 내가 어떻게 표 상단에 <tr><td>something3</td><td>else here3</td></tr> 를 배치 할 것 대단히 감사하겠습니다.

출처

2009-03-25 Anonymous

답변

0

이를 JS는 IE 규격입니다. 지금은 불편하지만, 멀티 브라우저와 호환되는 것은 어렵지 않습니다.

<html> 
<body> 
<script language="JavaScript"> 
function function1() { 
    var myRow = document.all.myTable.insertRow(0); 
    var myCell = myRow.insertCell(); 
    myCell.innerText = "The added cell"; 
} 
</script> 
<table id="myTable" border="1" cellspacing="5" cellpadding="5"> 
    <tr> 
     <td width="100">3</td> 
     <td width="100">4</td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
</table> 
<button onclick="function1();">Add a cell</button> 
</body> 
</html>

출처

2009-03-25 21:12:59

관련 문제

 관련 문제