DOM 테이블에 자식 추가

Question

다음과 같이 버튼 클릭 이벤트에서 동적으로 DOM 테이블에 새 행을 추가하려면 clone을 사용하고 있습니다. 하지만 복제 된 노드를 DOM 테이블의 특정 행 위치에 추가하려고합니다. 내가 "insertrow"옵션을 사용하여 할 수 있지만이 복제를 사용하여 원하는 알고있다.

"newNode"를 i 위치에 삽입하거나 추가 할 수있는 방법이 있습니다. 마지막 행으로 추가하는 대신 동적으로 선택하십시오. tblBody에서 https://developer.mozilla.org/en-US/docs/Web/API/Node.insertBefore

Answer 1

사용 .insertBefore() 및 TEH 첫 번째 인수로 newNode을 통과하고, 노드가 두 번째로 삽입되는 전에 tblBody의 자식 :

Answer 2

node.insertBefore()는 당신이 찾고있는 무엇 논의.

---

tblBody.rows[i]이 null 또는 undefined 경우

// put this node----v before this----v 
tblBody.insertBefore(newNode, tblBody.rows[i]); 

후 .insertBefore()는 .appendChild()처럼 행동하고, 마지막에 넣어 것입니다.