렌더링: 코드: js 동적으로 테이블 data_2.html 추가 코드 복사 코드는 다음과 같습니다. ; js 동적으로 테이블 추가 Data_2는 insertRow 및 insertCell 메소드를 사용하여 <br><br>var mailArr = [ <br>{ "title": " C# 질문", "name": "Zhang San", "date": "2014-03-21" }, <br>{ "title": "자바스크립트 질문", "name": "lee思" , "date": "2014-03-21" }, <br>{ "title": "A c 질문", "name": "五五", "date": "2014-03-21" }, <br>{ "title": "A c 질문", "name": "Zhao Liu", "date": "2014-03-21" } <br>] <br>var tab = null; window.onload = function () { <br>loadTab(); <br>//모두 선택<br>document.getElementById("selA").onclick = function() { <br>if (document.getElementById( " selA").checked == true) { <br>seleAll(tab, true); <br>} else { <br>seleAll(tab, false); <br>} <br>}; <br>/ / 선택한 모든 항목 삭제 <br>document.getElementById("delSel").onclick = function() { <br>//모든 입력 컨트롤을 순회합니다(마지막으로 완전히 선택된 확인란 제외) <br><br>var chks = document. getElementsByTagName('input'); <br><br>for (var i = chks.length - 2; i >=0; i--) { <br>var chk = chks[i ] <br>if (chk.checked==true) { <br>//선택한 행 삭제 처리<br>var rowNow = chk.parentNode.parentNode <br>rowNow.parentNode.removeChild(rowNow) <br>} else { <br>alert("정말"); <br>} <br>} <br>}; <br><br>function loadTab() { <br>tab = document.getElementById(" tb"); <br>//mailArr 루프 순회 메소드를 tr <br>for (var rowindex = 0; rowindex < mailArr.length; rowindex ) { <BR> //var tr 형식으로 테이블에 추가합니다. = tab.insertRow(-1); //-1은 마지막 행을 나타냅니다. <BR><BR>var tr = tab.insertRow(tab.rows.length - 1); //마지막 두 행에 삽입합니다. 마지막 줄은 모두 선택하는 줄로 예약되어야 합니다. <BR>var td1 = tr.insertCell(-1) <br>td1.innerHTML = "<input type='checkbox'/>"; var td2 = tr.insertCell(-1); <br>td2.innerHTML = mailArr[rowindex].title; <br>var td3 = tr.insertCell(-1) <br>td3.innerHTML = mailArr[rowindex] .name ; <br>var td4 = tr.insertCell(-1); <br>td4.innerHTML = mailArr[rowindex].date; <br>} <br>} <br>//모두 선택 버튼 만들기 효과적입니다. 모든 테이블 행을 순회하려면 <br><br>function seleAll(mailTab, isSel) { <br>for (var i = 0; i < mailTab.rows.length; i ) { <BR>var tr = mailTab .rows[i]; <br>tr.cells[0].childNodes[0].checked = isSel; <br>} <BR>} <BR> / head> th>순서 발신자 tr> ="4"> 모두 선택 #" id="delSel">삭제
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
