programming html

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[] và 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

Bài Viết Liên Quan

Php regex khớp giữa hai chuỗi
Xác thực số html
Viết bốn tính năng bất kỳ của python lớp 9
Python sử dụng self bên ngoài lớp học
Cách mở Excel trên trình duyệt web
Word và Excel có miễn phí trên Chromebook không?
Bootstrap hoặc tailwind vào năm 2022
Python sắp xếp từ điển theo giá trị
Làm cách nào để sử dụng AWS PHP SDK?
2023 Audi E tron release date
Làm cách nào để xóa ký tự đầu tiên của chuỗi trong mysql?
Django có thể được sử dụng với Python không?
Python thay thế tất cả các ký tự trong chuỗi
Máy tính trong php
Ý nghĩa các the trong CSS
MS Awareness Day 2023
Làm thế nào để bạn xác định một khoảng thời gian trong python?
Cách cài đặt python 3.7 trong termux
Tệp lưu trữ php trong blob cơ sở dữ liệu
Mảng kết hợp json javascript

Toplist mới

#1
Top 9 tập bản đồ lớp 8 bài 31 2023
7 tháng trước
#2
Top 6 kết quả thi hsg đà nẵng 2022 2023
7 tháng trước
#3
Top 9 tủ nhựa đài loan 4 cánh 3d 2023
7 tháng trước
#4
Top 9 chất khí có thể làm mất màu dung dịch nước brom là: a. so2. b. co2. c. o2. d. hcl. 2023
7 tháng trước
#5
Top 8 tìm việc làm tiện, phay bảo q7 2023
7 tháng trước
#6
Top 3 tôi xuyên thành tiểu kiều the của lão đại phản 2 2023
7 tháng trước
#7
Top 9 đổi mới phong cách, thái độ phục vụ của cán bộ y tế hướng tới sự hài lòng của người bệnh 2023
7 tháng trước
#8
Top 2 bài the dục phát triển chung lớp 6 2022 2023
7 tháng trước
#9
Top 3 bài giảng vũ điệu sắc màu (lớp 4) 2023
7 tháng trước

Bài mới nhất

Khi nào đăng ký nguyện vọng đại học 2023 năm 2024
Trung tâm thực tại y khoa bình hòa tp hcm năm 2024
Giải bài tập hệ phương trình tuyến tính năm 2024
Top 5 em gái đồng phim sex đẹp nhất năm 2024
Lỗi ko the ket noi voi may chu năm 2024
52 nguyễn duc bắc sơn sầm sơn thanh hóa năm 2024
Bảo hiểm hàng không trụ sở lê văn lương năm 2024
Cách giải các dạng bài tập lượng giác lớp 11 năm 2024
Cách hủy thông báo phát hành hóa đơn điện tử năm 2024
Bài 7 sgk toán lớp 9 trang 69 năm 2024

Chủ Đề

programming Hỏi Đáp Toplist Là gì Mẹo Hay Địa Điểm Hay Học Tốt mẹo hay Công Nghệ Nghĩa của từ Bao nhiêu Khỏe Đẹp đánh giá Top List bao nhieu bao nhiêu hướng dẫn Xây Đựng Bài tập So Sánh Tiếng anh So sánh Sản phẩm tốt Ngôn ngữ Bài Tập javascript Thế nào Ở đâu Hướng dẫn Dịch Máy tính Tại sao Đại học Món Ngon Khoa Học