Làm cách nào để xóa bộ sưu tập HTML khỏi DOM?

Tóm lược. trong hướng dẫn này, bạn sẽ học cách xóa một phần tử khỏi DOM bằng phương pháp removeChild[]remove[]

Xóa phần tử bằng phương thức removeChild[]

Để xóa một phần tử khỏi DOM, bạn làm theo các bước sau

  • Đầu tiên, chọn phần tử đích mà bạn muốn xóa bằng các phương thức DOM, chẳng hạn như querySelector[]
  • Sau đó, chọn phần tử cha của phần tử đích và sử dụng phương thức removeChild[]

Giả sử rằng bạn có tài liệu HTML sau

Removing a element Home Service About // select the target element const e = document.querySelector["li:last-child"]; // remove the last list item e.parentElement.removeChild[e];

Code language: HTML, XML [xml]

Làm thế nào nó hoạt động

  • Đầu tiên, chọn mục danh sách cuối cùng bằng phương pháp querySelector[]
  • Sau đó, chọn phần tử cha của mục danh sách bằng cách sử dụng parentElement và gọi phương thức removeChild[] trên phần tử cha để xóa mục danh sách cuối cùng

Lưu ý rằng nếu bạn chỉ muốn ẩn phần tử, bạn có thể sử dụng đối tượng

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
0

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]

Xóa phần tử bằng phương thức remove[]

Để xóa một phần tử khỏi DOM, bạn cũng có thể sử dụng phương thức remove[] của phần tử đó

Tất cả các trình duyệt chính đều hỗ trợ phương thức remove[] ngoại trừ IE. Vì IE không được dùng nữa, bạn có thể sử dụng phương thức remove[] ngay hôm nay. Ví dụ

Đưa ra một phần tử HTML và nhiệm vụ là xóa phần tử HTML khỏi tài liệu bằng JavaScript.  

Tiếp cận

  • Chọn phần tử HTML cần xóa
  • Sử dụng phương thức JavaScript remove[] và removeChild[] để xóa phần tử khỏi tài liệu HTML

ví dụ 1. Ví dụ này sử dụng phương thức removeChild[] để xóa phần tử HTML.  

html




const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
0

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
2

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
6

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____110

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
13

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
15

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____110

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
26

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
28

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
30

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
32

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
34

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
36

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
38

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
6

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
47

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
10

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
13

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____118

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
61

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
64

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____118

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
35

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
39

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____188

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
11

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
14

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____188

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1101

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1106

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
107

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
109

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
112

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____1106

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
127

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
135

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1138

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
141

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
143

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
145

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
147

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
148

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
150

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
152

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
154

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
38

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____1138

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
10

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
2

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
167

đầu ra

Xóa một phần tử HTML

ví dụ 2. Ví dụ này sử dụng phương thức remove[] để xóa phần tử HTML khỏi tài liệu.  

html




const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
0

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
2

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
6

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____110

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
13

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
15

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____110

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
26

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
28

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
30

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
32

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
34

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
36

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
38

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
6

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
47

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
10

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
13

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____118

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
61

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
64

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____118

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
35

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
39

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____188

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
11

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
14

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____188

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1101

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1106

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
107

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
109

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
112

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____1106

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
33

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
123

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
23

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
127

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____132

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
20

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
135

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
1____1138

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
141

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
143

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
145

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
147

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
148

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
150

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
320

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
27

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
154

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
12

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
38

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
8

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17____1138

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
4

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
10

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
3

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
17

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
2

const e = document.querySelector['li:last-child']; e.style.display = 'none';

Code language: JavaScript [javascript]
167

đầu ra

Xóa một phần tử HTML

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Làm cách nào để xóa HTMLCollection khỏi DOM?

Bạn có thể thực hiện việc này bằng một trong hai cách. .
chuyển đổi danh sách thành một mảng. var đoạn = Mảng. nguyên mẫu. lát cắt. cuộc gọi [tài liệu. getElementsByTagName['p'], 0];
sử dụng tài liệu. truy vấnSelectorAll. var đoạn = tài liệu. querySelectorAll['p'];

Làm cách nào để xóa các phần tử HTML bằng JavaScript?

Chọn phần tử HTML cần xóa
Sử dụng phương thức JavaScript remove[] và removeChild[] để xóa phần tử khỏi tài liệu HTML

Chủ Đề