web developer👩🏻‍💻

[jQuery] 동적으로 자식창에서 부모창으로 tr td 추가/ 삭제 본문

js

[jQuery] 동적으로 자식창에서 부모창으로 tr td 추가/ 삭제

natrue 2021. 3. 11. 15:32
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