HTML DOM에 appendChild () 메소드
예
목록 항목을 추가합니다 :
document.getElementById("myList").appendChild( newListItem );
추가하기 전에 :
- Coffee
- Tea
후 추가 :
- Coffee
- Tea
- Water
»시도
정의 및 사용
에 appendChild () 메소드는 자식 노드 목록 엔드 노드에 새로운 하위 노드를 추가한다.
팁 : 문서 트리가 존재를 newChild로 된 경우,이 문서 트리에서 삭제 한 다음 새 위치에 삽입된다. 를 newChild가 DocumentFragment가 노드이면, 그것은 직접 삽입되지 않지만, 그 하위에 순차적으로 현재 노드의 childNodes에 배열 []의 단부에 삽입 노드들이.
당신은 다른 요소 요소를 제거하려면 appendChild () 메서드를 사용할 수 있습니다.
예
다른 목록 항목에 목록 항목으로 이동 :
var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
document.getElementById("myList1").appendChild(node);
추가하기 전에 :
- Coffee
- Tea
- Water
- Milk
후 추가 :
- Coffee
- Tea
- Milk
- Water
»시도
브라우저 지원
모든 주요 브라우저에 appendChild를 지원 () 메소드
문법
node .appendChild( node )
매개 변수
参数 | 类型 | 描述 |
---|---|---|
node | 节点对象 | 必须。你要添加的节点对象。 |
반환 값
类型 | 描述 |
---|---|
节点对象 | 添加的节点 |
기술 세부 사항
DOM 버전 | 코어 레벨 1 노드 개체 |
---|