table_javascript 기술에서 tr 및 td의 추가 및 삭제를 동적으로 제어하는 ​​js의 특정 구현

html:

코드 복사 코드는 다음과 같습니다.

"성공" >
일련 번호
머신 이름
IP 주소
; MAC 주소
업링크/다운링크






js:

추가됨:

코드 복사 코드는 다음과 같습니다. if(조건)

{//InterfaceType 값을 기준으로 무선 클라이언트와 제한된 클라이언트를 구분합니다

var table = document.getElementById("wifi_clients_table");
var newRow = table.insertRow(); //새 행 생성

var newCell1 = newRow.insertCell(0); new cell
newCell1.innerHTML = "1" ; //셀 내 콘텐츠
newCell1.setAttribute("align","center") //위치 설정

var newRow.insertCell(1); //새 셀 만들기
newCell2.innerHTML = "" info.LANHosts.HostName ""
newCell2 .setAttribute(" align","center"); //위치 설정

var newCell3 = newRow.insertCell(2); //새 셀 생성
newCell3.innerHTML = "";
newCell3.setAttribute("align","center"); //위치 설정

var newCell4 = newRow.insertCell(3 ); //새 셀 생성
newCell4.innerHTML = "" info.LANHosts.MACAddress ""
newCell4.setAttribute("align","center"); //위치 설정

var newCell5 = newRow.insertCell(4); //새 셀 생성
newCell5.innerHTML = "" info.LANHosts.UpRate "/" info.LANHosts .DownRate "kb";
newCell5.setAttribute("align","center"); //위치 설정

}


삭제: 지우기 페이지가 닫힐 때, 다음 번에 접속할 때마다 tr이 증가하여 페이지 혼란을 일으키는 것을 방지하기 위해 다시 생성

코드 복사 코드 var t1=document.getElementById("lan_clients_table")

var rowNum=t1.rows.length
if(rowNum>0)
{
for(i=0 ;i{
t1.deleteRow(i)
rowNum=rowNum-1
i=i-1;
}
}