Computer >> Máy Tính >  >> Lập trình >> Javascript

Xóa phần tử theo id trong JavaScript?

Để xóa phần tử theo id, bạn có thể sử dụng remove ().

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <h1 id="demo">Hello</h1>
   <p id="demo1">This is my paragraph</p>
</body>
<script>
   document.getElementById("demo").remove();
</script>
</html>

Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html). Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Xóa phần tử theo id trong JavaScript?