HTML DOM에 insertbefore 방법
예
목록에 항목을 추가합니다 :
document.getElementById("myList").insertBefore( newItem,existingItem );
추가하기 전에 :
- Coffee
- Tea
후 추가 :
- Water
- Coffee
- Tea
»시도
정의 및 사용
에 insertbefore () 메소드는 기존의 자식 노드 앞에 새 자식 노드를 삽입합니다.
팁 : 당신은 당신이 요소의 텍스트 노드를 추가 한 다음 목록에서 LI 요소를 추가해야 LI 요소 후 새 텍스트 목록 항목을 만들려면.
또한 삽입 / 이미 존재하는 요소를 제거하기에 insertbefore 방법을 사용할 수 있습니다.
예
다른리스트 항목리스트 아이템 이동 :
var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
추가하기 전에 :
- Coffee Tea
- Water
- Milk
후 추가 :
- Milk
- Coffee
- Tea
- Water
»시도
모든 주요 브라우저에 insertbefore를 지원 () 메소드
문법
node.insertBefore(newnode,existingnode)
매개 변수
参数 | 类型 | 描述 |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
반환 값
类型 | 描述 |
---|---|
节点对象 | The node you inserted |
기술 세부 사항
DOM 버전 | 코어 레벨 1 노드 개체 |
---|