개발 기록이
[JavaScript] DOM 접근 정리(3) 본문
1. 새로운 노드를 기존의 노드 바로 앞에 insert
node.insertBefore(새로운 노드, 기존 노드)
return : node object
* 새로운 노드를 자식으로, 기존 노드 바로 앞에 추가함.
2. 자식 노드 삭제
node.removeChild(node)
return : node object
3. 노드 복제
node.cloneNode(boolean)
return : node object
* 참고 : https://studyingbackhoe.tistory.com/60
[JavaScript] cloneNode로 HTML 요소 복제하기
평소에 JavaScript로 배열에 담긴 JSON 데이터를 HTML로 뿌릴 때 innerHTML에 더하는 방식을 사용했다.data.forEach(info => { htmlList.innerHTML += ` 사용자 번호: ${info.userSeq} 이름: ${info.userName} 전화번호: ${info.tel}
studyingbackhoe.tistory.com
출처 : React로 가기 위한 첫 걸음, Vanilla JS 기초 강의
'기록 > JavaScript' 카테고리의 다른 글
| [JavaScript] window.open 브라우저 새 창 열기 (0) | 2024.10.11 |
|---|---|
| [JavaScript] Node와 Element (0) | 2024.09.05 |
| [JavaScript] DOM 접근 정리(2) (0) | 2024.08.28 |
| [JavaScript] DOM 접근 정리(1) (0) | 2024.08.28 |
| [JavaScript] cloneNode로 HTML 요소 복제하기 (0) | 2024.08.02 |
'기록/JavaScript' Related Articles
more
