이 기사에서는 지정된 위치에서 JS에 노드 함수를 추가 할 때 insertbefore ()의 사용에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
기능 프로토 타입은 다음과 같습니다.
InsertBefore (매개 변수 1, 매개 변수 2) : 지정된 위치에서 노드 추가
특정 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
var nodeli = document.createElement ( 'li'); // li 노드를 만듭니다
var li_text = document.creatextNode ( 'Blue Sky'); // 텍스트 노드를 만듭니다
Nodeli.appendChild (li_text); // Li 노드에 텍스트 노드를 추가합니다
var nodeul = document.getElementsByTagName ( 'ul') [0]; // 첫 번째 UL 노드를 가져옵니다
var nodeli1 = nodeul.getElementsByTagName ( 'li') [2]; // UL- 가을 아래 세 번째 노드를 가져옵니다.
nodeul.insertbefore (nodeli, nodeli1); // 함수 insertbefore ()는 이전에 어떤 노드가 추가되었는지를 나타냅니다. 첫 번째 매개 변수는 삽입 할 새 노드이고 두 번째 매개 변수는 기존 노드입니다.
}
</스크립트>
</head>
<body>
<div id = "컨테이너">
<ul>
<li> 봄 </li>
<li> 여름 </li>
<li> 가을 </li>
<li> 겨울 </li>
</ul>
</div>
<hr />
<button onclick = "t ()"value = ""> 노드를 추가 할 위치를 지정하십시오 </button>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.