노드의 추가 - insertBefore(), insertData()

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

노드의 추가

 

메소드

설명

appendChild()

새로운 노드를 해당 노드의 자식 노드 리스트(child node list)의 맨 마지막에 추가합니다

insertBefore()

새로운 노드를 특정 자식 노드 바로 앞에 추가합니다

insertData()

텍스트 노드의 텍스트 데이터에 새로운 텍스트를 추가합니다.

 

 

 

insertBefore()

기준 자식 노드에 null 값을 전달하면 새로운 노드는 자식 노드 리스트의 맨 마지막 노드로 추가됩니다. , appendChild() 메소드와 같은 동작을 하게 됩니다.

 

부모노드.insertBefore(새로운자식노드, 기준자식노드);

 

매개변수

설명

새로운 자식 노드

자식 노드 리스트(child node list)에 새롭게 추가할 자식 노드를 전달합니다.

기준 자식 노드

새로운 노드를 삽입할 때 기준이 되는 노드로, 이 노드 바로 앞에 새로운 노드가 추가됩니다

 

 

 

insertData()

텍스트노드.insertData(오프셋, 새로운데이터);

 

매개변수

설명

오프셋(offset)

오프셋 값은 0부터 시작하며, 기존 텍스트 데이터의 몇 번째 위치부터 추가할지를 전달합니다.

새로운 데이터

새롭게 삽입할 텍스트 데이터를 전달합니다.