8000 remove removeChild() · last-endcode/JavaScript-DOM@23ee27e · GitHub
[go: up one dir, main page]
Skip to content

Commit 23ee27e

Browse files
last-endcodelast-endcode
committed
remove removeChild()
1 parent d5abb27 commit 23ee27e

File tree

2 files changed

+18
-3
lines changed

2 files changed

+18
-3
lines changed

‎15_remove_removeChild.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
// remove()
2+
// removeChild()
3+
4+
const result = document.querySelector('.container');
5+
// result.remove();
6+
7+
// here use removeChild()
8+
const liRHP = result.querySelector('h2');
9+
result.removeChild(liRHP);

‎index.html‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -125,11 +125,16 @@ <h2 class="third">third element</h2> -->
125125
<h2 class="shp">The Pirates of SHP</h2>
126126
</div> -->
127127

128-
<!-- innerText -->
128+
<!-- innerText prepend
129129
<div class="container">
130130
<h2 class="shp">The Pirates of SHP</h2>
131-
</div>
131+
</div> -->
132132

133+
<!-- remove , removeChild -->
134+
<h2>Hello World</h2>
135+
<div class="container">
136+
<h2>On container</h2>
137+
</div>
133138
<!-- source js -->
134139
<!-- <script src="/01_getElementById.js"></script> -->
135140
<!-- <script src="/02_getElementByTagName.js"></script> -->
@@ -144,6 +149,7 @@ <h2 class="shp">The Pirates of SHP</h2>
144149
<!-- <script src="/11_className-classList.js"></script> -->
145150
<!-- <script src="/12_createElement_textnode_appendChild.js"></script> -->
146151
<!-- <script src="/13_insertBefore.js"></script> -->
147-
<script src="/14_innerText_prepend.js"></script>
152+
<!-- <script src="/14_innerText_prepend.js"></script> -->
153+
<script src="/15_remove_removeChild.js"></script>
148154
</body>
149155
</html>

0 commit comments

Comments
 (0)
0