Hướng dẫn dùng removechildren javascript trong PHP

Hướng dẫn cách xoá Node trong JavaScript. Bạn sẽ học được 2 phương pháp xoá một Node trong JavaScript sau bài học này.

Chúng ta có 2 phương pháp xoá Node trong JavaScript như sau:

• Phương thức remove: xoá Node chỉ định
• Phương thức removeChild: xoá Node con chỉ định của một Node cha

remove trong JavaScript

Cú pháp

remove trong JavaScript là một phương thức của Element Object, có tác dụng xoá Node chỉ định trong JavaScript.

Cú pháp sử dụng remove trong JavaScript để xoá Node như sau:

node.remove[]

Trong đó node là Node ban đầu cần được xoá.

Ví dụ, chúng ta có thể xoá Node có id bằng sample như sau:

let node = document.getElementById['sample'];

node.remove[];

Mã mẫu

Sau đây hãy cùng xem cách dùng remove để xoá Node chỉ định với ví dụ sau:

Ví dụ sử dụng remove



Danh sách tên shop


  Shop bà Tám
  Shop mẹ và bé



Xoá Node


function getElement[]{

    let parentnode = document.getElementById['shopinfo'];
    parentnode.lastElementChild.remove[];
}

Trong mã HTML trên, chúng ta lấy Node con cuối cùng có trong Node có id="shopinfo" bằng phương thức lastElementChild.
Sau đó, bằng phương thức remove, chúng ta đã xoá đi Node này khỏi DOM.

Và kết quả:

Bài viết liên quan

• childNodes trong JavaScript và cách lấy các Node con

• CSS selectors trong JavaScript

• currentScript trong JavaScript và cách lấy Element chứa mã script đang được xử lý

• attributes trong JavaScript và cách lấy danh sách thuộc tính của Element

• DOM là gì trong JavaScript

• firstChild trong JavaScript và cách lấy Node con đầu tiên

• firstElementChild trong JavaScript và cách lấy Element con đầu tiên

• children trong JavaScript và cách lấy các Element con