CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
노드의 추가
메소드 |
설명 |
appendChild() |
새로운 노드를 해당 노드의 자식 노드 리스트(child node list)의 맨 마지막에 추가합니다 |
insertBefore() |
새로운 노드를 특정 자식 노드 바로 앞에 추가합니다 |
insertData() |
텍스트 노드의 텍스트 데이터에 새로운 텍스트를 추가합니다. |
insertBefore()
기준 자식 노드에 null 값을 전달하면 새로운 노드는 자식 노드 리스트의 맨 마지막 노드로 추가됩니다. 즉, appendChild() 메소드와 같은 동작을 하게 됩니다.
부모노드.insertBefore(새로운자식노드, 기준자식노드); |
매개변수 |
설명 |
새로운 자식 노드 |
자식 노드 리스트(child node list)에 새롭게 추가할 자식 노드를 전달합니다. |
기준 자식 노드 |
새로운 노드를 삽입할 때 기준이 되는 노드로, 이 노드 바로 앞에 새로운 노드가 추가됩니다 |
insertData()
텍스트노드.insertData(오프셋, 새로운데이터); |
매개변수 |
설명 |
오프셋(offset) |
오프셋 값은 0부터 시작하며, 기존 텍스트 데이터의 몇 번째 위치부터 추가할지를 전달합니다. |
새로운 데이터 |
새롭게 삽입할 텍스트 데이터를 전달합니다. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
DOM 구조도 (0) | 2017.06.27 |
---|---|
DOM 요소의 내용 변경-문서 객체의 innerHTML 속성 사용해 내용 변경, 문서 객체의 textContent 속성 사용해 내용 변경, nodeValue 프로퍼티를 사용하여 특정 노드의 값 변경, replaceData() 메소드를 사용하.. (0) | 2017.06.27 |
노드의 탐색 (0) | 2017.06.27 |
화면에 문서객체 출력 - appendChild() (0) | 2017.06.27 |
프로토타입(Prototype) (0) | 2017.06.27 |