행 삭제
다음과 같이 코드 코드를 복사합니다.
<스크립트>
함수del(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<본문>
<테이블>
<tr>
<td>셀 1</td>
<td><input type=button value="이 행 삭제" onclick="del(this)"></td>
</tr>
<tr>
<td>셀 2</td>
<td><input type=button value="이 행 삭제" onclick="del(this)"></td>
</tr>
<tr>
<td>셀 3</td>
<td><input type=button value="이 행 삭제" onclick="del(this)"></td>
</tr>
</table>
</body>
행 추가
다음과 같이 코드 코드를 복사합니다.
<스크립트>
함수 uf_test(){
//테이블 객체 가져오기
var tbTable = document.getElementById("tb_test");
//행 삽입
var trT = tbTable.insertRow();
//이전 행의 td 번호를 가져옵니다.
var nRows = tbTable.rows[0].cells.length;
//이전 행의 td 번호에 따라 루프에 td를 삽입합니다.
for(var i = 0; i < nRows; i++){
//td 객체 생성
var tdT = document.createElement("TD");
//td 객체에 값 할당
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//tr에 td 추가
trT.appendChild(tdT);
}
}
</script>
<테이블 id="tb_test">
<tr>
<td><input type="text"></td>
</tr>
</table>
<input type="button" onclick="uf_test(); value="행 추가">