JavaScript 의 appendChild,insert Before,insert After 사용 설명

appendChild 정의 appendChild(new Child:Node):Node Appends a node to the child Nodes array for the node.지원:IE 5.0+,Mozilla 1.0+,Netscape 6.0+,Safari 1.0+,Opera 7.0+지정 한 노드 의 하위 노드 배열 에 노드 를 추가 합 니 다.읽 기 가 좀 까다 로 운 것 같 습 니 다.쉽게 말 하면 요 소 를 지정 한 노드 에 append Child 용법 target.append Child(new Child)new Child 를 target 의 하위 노드 로 마지막 하위 노드 에 삽입 한 후 append Child 예

 
var newElement = document.Document.createElement('label'); 
newElement.Element.setAttribute('value', 'Username:'); 
var usernameText = document.Document.getElementById('username'); 
usernameText.appendChild(newElement); 

insert Before 정의 The insert Before()methodinserts a new child node before an existing child node.insert Before()방법 은 기 존의 역할 을 합 니 다.하위 노드 앞 에 새로운 하위 노드 insert Before 용법 target.insertBefore(new Child,existing Child)new Child 를 target 의 하위 노드 로 existing Child 노드 에 삽입 하기 전에 existing Child 를 옵션 매개 변수 로 합 니 다.null 일 때 그 효 과 는 appendChild 와 마찬가지 로 insert Before 예

 
var oTest = document.getElementById("test"); 
var newNode = document.createElement("p"); 
newNode.innerHTML = "This is a test"; 
oTest.insertBefore(newNode,oTest.childNodes[0]); 

자,그럼 insert Before 도 insert After 가 있 겠 죠?자,그럼 Aptana 로 예 를 들 어 봅 시다.그러나 Aptana 의 스마트 힌트 는 insert After 라 는 방법 이 없다 는 것 을 알려 줍 니 다.그러면 스스로 하나의 나 를 정의 합 니 다.)insert After 정의

 
function insertAfter(newEl, targetEl) 
{ 
var parentEl = targetEl.parentNode; 
if(parentEl.lastChild == targetEl) 
{ 
parentEl.appendChild(newEl); 
}else 
{ 
parentEl.insertBefore(newEl,targetEl.nextSibling); 
} 
} 

insert After 용법 과 예

 
var txtName = document.getElementById("txtName"); 
var htmlSpan = document.createElement("span"); 
htmlSpan.innerHTML = "This is a test"; 
insertAfter(htmlSpan,txtName); 

htmlSpan 을 txtName 의 형제 노드 로 txtName 노드 에 삽입 한 다음 에 정리 합 니 다.1.appendChild 와 insert Before 는 노드 에 대한 방법 으로 사용 되 며,insert After 는 사용자 정의 함수 2,insert Before 는 appendChild 에 비해 새로운 노드 를 목표 노드 배열 의 임 의 위치 에 삽입 할 수 있 습 니 다.3.appendChild 와 insert Before 를 사용 하여 새로운 노드 를 삽입 하 는 전 제 는 형제 노드 에 공 통 된 부모 노드 가 있어 야 한 다 는 것 이다.