Tương tự như .empty[]
, phương thức .remove[]
đưa các phần tử ra khỏi DOM. Sử dụng .remove[]
khi bạn muốn xóa chính phần tử đó, cũng như mọi thứ bên trong nó. Ngoài bản thân các phần tử, tất cả các sự kiện ràng buộc và dữ liệu jQuery được liên kết với các phần tử đều bị xóa. Để xóa các thành phần mà không xóa dữ liệu và sự kiện, hãy sử dụng
0 thay thế
$[ ".hello" ].remove[];
Hãy xem xét HTML sau
1
2
3
4
Hello
Goodbye
Chúng tôi có thể nhắm mục tiêu bất kỳ yếu tố nào để loại bỏ
1
$[ ".hello" ].remove[];
Điều này sẽ dẫn đến cấu trúc DOM với phần tử
1 bị xóa
$[ ".hello" ].remove[];
1
2
3
Goodbye
Nếu chúng ta có bất kỳ số lượng phần tử lồng nhau nào bên trong
2, thì chúng cũng sẽ bị xóa. Các cấu trúc jQuery khác như dữ liệu hoặc trình xử lý sự kiện cũng bị xóa
$[ ".hello" ].remove[];
Chúng tôi cũng có thể bao gồm một bộ chọn làm tham số tùy chọn. Ví dụ: chúng ta có thể viết lại mã xóa DOM trước đó như sau
Đư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
0
Hello
Goodbye
1
Hello
Goodbye
2
Hello
Goodbye
3
Hello
Goodbye
0
Hello
Goodbye
5
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
0
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
03
Hello
Goodbye
02
Hello
Goodbye
05
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7____10
Hello
Goodbye
13
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
16
Hello
Goodbye
17
Hello
Goodbye
18
Hello
Goodbye
17
Hello
Goodbye
20
Hello
Goodbye
17
Hello
Goodbye
22
Hello
Goodbye
17
Hello
Goodbye
24
Hello
Goodbye
17
Hello
Goodbye
26
Hello
Goodbye
02
Hello
Goodbye
28
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
13
Hello
Goodbye
2
Hello
Goodbye
_______13____107____15____12
37
Hello
Goodbye
3_______10
Hello
Goodbye
00
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
03
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
08
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
51
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
54
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
08
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
22
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
25
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
02
Hello
Goodbye
29
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
22
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
78
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
01
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
04
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
78
Hello
Goodbye
2
Hello
Goodbye
7____10
Hello
Goodbye
001____12
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
006
Hello
Goodbye
007
Hello
Goodbye
02
Hello
Goodbye
009
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
012
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
006
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
22
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
023
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
02
Hello
Goodbye
027
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
22
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7____1035
Hello
Goodbye
7____10
Hello
Goodbye
038
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
041
Hello
Goodbye
02
Hello
Goodbye
043
Hello
Goodbye
02
Hello
Goodbye
045
Hello
Goodbye
02
Hello
Goodbye
047
Hello
Goodbye
048
Hello
Goodbye
02
Hello
Goodbye
050
Hello
Goodbye
17
Hello
Goodbye
052
Hello
Goodbye
17
Hello
Goodbye
054
Hello
Goodbye
02
Hello
Goodbye
28
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
038
Hello
Goodbye
2
Hello
Goodbye
3
Hello
Goodbye
07
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
07
Hello
Goodbye
1
Hello
Goodbye
067
Hello
Goodbye
đầ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
0
Hello
Goodbye
1
Hello
Goodbye
2
Hello
Goodbye
3
Hello
Goodbye
0
Hello
Goodbye
5
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
0
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
03
Hello
Goodbye
02
Hello
Goodbye
05
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7____10
Hello
Goodbye
13
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
16
Hello
Goodbye
17
Hello
Goodbye
18
Hello
Goodbye
17
Hello
Goodbye
20
Hello
Goodbye
17
Hello
Goodbye
22
Hello
Goodbye
17
Hello
Goodbye
24
Hello
Goodbye
17
Hello
Goodbye
26
Hello
Goodbye
02
Hello
Goodbye
28
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
13
Hello
Goodbye
2
Hello
Goodbye
_______13____107____15____12
37
Hello
Goodbye
3_______10
Hello
Goodbye
00
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
03
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
08
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
51
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
54
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
08
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
22
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
25
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
02
Hello
Goodbye
29
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
22
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
78
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
01
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
04
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
78
Hello
Goodbye
2
Hello
Goodbye
7____10
Hello
Goodbye
001____12
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
006
Hello
Goodbye
007
Hello
Goodbye
02
Hello
Goodbye
009
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
012
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
006
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7__
Hello
Goodbye
0
Hello
Goodbye
22
Hello
Goodbye
23
Hello
Goodbye
02
Hello
Goodbye
023
Hello
Goodbye
13
Hello
Goodbye
02
Hello
Goodbye
02
Hello
Goodbye
027
Hello
Goodbye
2
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
22
Hello
Goodbye
2
Hello
Goodbye
10
Hello
Goodbye
7____1035
Hello
Goodbye
7____10
Hello
Goodbye
038
Hello
Goodbye
2
Hello
Goodbye
02
Hello
Goodbye
041
Hello
Goodbye
02
Hello
Goodbye
043
Hello
Goodbye
02
Hello
Goodbye
045
Hello
Goodbye
02
Hello
Goodbye
047
Hello
Goodbye
048
Hello
Goodbye
02
Hello
Goodbye
050
Hello
Goodbye
17
Hello
Goodbye
220
Hello
Goodbye
17
Hello
Goodbye
054
Hello
Goodbye
02
Hello
Goodbye
28
Hello
Goodbye
7
Hello
Goodbye
07
Hello
Goodbye
038
Hello
Goodbye
2
Hello
Goodbye
3
Hello
Goodbye
07
Hello
Goodbye
00
Hello
Goodbye
2
Hello
Goodbye
07
Hello
Goodbye
1
Hello
Goodbye
067
Hello
Goodbye
đầ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