Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- PostgreSQL
- 전자서명기능구현
- 대용량엑셀업로드
- MSsql
- Swift
- xcode12.5.1
- ios app 개발
- jxls
- opcpackage
- xssreader
- xssfworkbook
- monitorjbl
- monitorjbl 엑셀
- xlsx-streamer
- 전자서명개발
- poi 대용량
- jxls 엑셀
- swift 메모장 만들기
- swift 계산기
- outofmemoryerror 방지
- mysql
- js 전자서명
- js달력
- spring annotation
- poi monitorjbl
- 달력기능개발
- Oracle
- fullcalendar js
- xcode swift memo
- Xcode
Archives
- Today
- Total
web developer👩🏻💻
[jQuery] 동적으로 자식창에서 부모창으로 tr td 추가/ 삭제 본문
728x90
1. 추가하기 .innerHTML
부모창 html 부분
<table>
<thead>
<tr>
<th>구분</th>
<th>위치</th>
<th>장치명</th>
</tr>
</thead>
<tbody id="senInsertList">
</tbody>
</table>
자식창 js 부분
var senList = '';
senList += '<tr class="senListTr'+num+'">';
senList += '<td class="typeText'+num+'">'+ sensorTypeText +'</td>';
senList += '<td class="senCodeDetlNm'+num+'">'+ codeDetlNm +'</td>';
senList += '<td class="resultInput'+num+'">'+ resultInput +'</td>';
senList += '</tr>';
parent.document.getElementById("senInsertList").innerHTML += senList;
2. 삭제하기 .remove();
parent.document.getElementsByClassName("sensorListTr"+num).item(0).remove();
'js' 카테고리의 다른 글
[javaScript] input 값 숫자가 아닐경우 지우기 (0) | 2021.03.22 |
---|---|
[jQuery] 펼치기 접기 (0) | 2021.03.15 |
[javaScript] this 인자 전달 onclick vs href (0) | 2021.02.21 |
[AJAX] arrayList null check (0) | 2021.02.21 |
[JSTL] fn:contains (0) | 2021.02.18 |