wiki:javascript:javascript_note:insertbefore

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:insertbefore [2021/06/03 19:02]
emblim98 만듦
+++ wiki:javascript:javascript_note:insertbefore [2023/01/13 18:44] (현재)
@@ 줄 71: / 줄 71: @@
 한 목록에서 다른 목록으로 %%<li>%% 요소를 이동합니다:\\
 <code javascript>
+<body>
+  <ul id="myList1">
+    <li>Coffee</li>
+    <li>Tea</li>
+  </ul>
+  <ul id="myList2">
+    <li>Water</li>
+    <li>Milk</li>
+  </ul>
+  <p>Click the button to move an item from one list to another</p>
+  <button onclick="myFunction()">Try it</button>
+  <script>
+    function myFunction() {
+      var node = document.getElementById("myList2").lastChild;/* Milk */
+      var list = document.getElementById("myList1");
+      list.insertBefore(node, list.childNodes[0]);/* Milk를 myList1의 인텍스 0의 앞에 삽입 */
+    }
+  </script>
+</body>
 </code>

/var/services/web/dokuwiki/data/attic/wiki/javascript/javascript_note/insertbefore.1622714525.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)