예
삽입 새로운 <li> 의 첫 번째 자식 요소 전에 요소 <ul> 요소 :
var newItem = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
newItem.appendChild(textnode); // Append the text to <li>
var list =
document.getElementById("myList"); // Get the
<ul> element to insert a new node
list.insertBefore(newItem,
list.childNodes[0]); // Insert <li> before the first child of
<ul>삽입하기 전에 :
- Coffee
- Tea
삽입 한 후 :
- Water
- Coffee
- Tea
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
insertBefore() 메소드는 바로 사용자가 지정한 기존 아이, 전에 자식으로 노드를 삽입합니다.
팁 : 텍스트, 새 목록 항목을 만들려면, 당신은에 추가 텍스트 노드로 텍스트를 작성하는 것을 잊지 <li> 다음의 요소를 삽입 <li> 목록에.
또한 기존의 요소를 이동 / 삽입에 insertbefore 방법을 사용할 수 있습니다 (See "More Examples") .
브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| insertBefore() | 예 | 예 | 예 | 예 | 예 |
통사론
매개 변수 값 매개 변수 유형 기술 newnode Node object 필요합니다. 삽입 할 노드 객체 existingnode Node object 선택 과목. 아이 노드는 이전에 새 노드를 삽입 할. 지정하지 않을 경우,에 insertbefore 방법은 마지막에 newnode를 삽입합니다
기술적 세부 사항
반환 값 : 삽입 된 노드를 나타내는 노드 개체, DOM 버전 코어 레벨 1 노드 개체
더 예
예
이동 <li> 하나의 목록에서 다른 요소를 :
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); 삽입하기 전에 :
- Coffee
- Tea
- Water
- Milk
에 insertbefore 후 :
- Milk
- Coffee
- Tea
- Water
»그것을 자신을 시도