>웹 프론트엔드 >JS 튜토리얼 >Javascript는 테이블 행의 동적 추가 및 삭제를 구현합니다(IE/FF와 호환)_javascript 기술

Javascript는 테이블 행의 동적 추가 및 삭제를 구현합니다(IE/FF와 호환)_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:16:011125검색

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


테이블 행의 동적 추가 및 삭제

























基本信息
其它信息  
     
     


<script> <BR><!-- <BR>//author: Robin <BR>//email: griefforyou@gmail.com <br><br>var rowIndex=0; <BR>function addLine(obj){ <BR>var objSourceRow=obj.parentNode.parentNode; <BR>var objTable=obj.parentNode.parentNode.parentNode.parentNode; <BR>if(obj.value=='增加'){ <BR>rowIndex++; <BR>var objRow=objTable.insertRow(rowIndex); <BR>var objCell; <br><br>objCell=objRow.insertCell(0); <BR>objCell.innerHTML=" "; <br><br>objCell=objRow.insertCell(1); <BR>objCell.innerHTML=objSourceRow.cells[1].innerHTML; <br><br>objCell=objRow.insertCell(2); <BR>objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除'); <BR>} <BR>else{ <BR>objTable.lastChild.removeChild(objSourceRow); <BR>rowIndex--; <BR>} <BR>} <br><br>function removeLine(){ <br><br>} <br><br>//--> <BR></script>
기본정보
기타 정보
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.