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

Đối tượng HTML DOM Del

Đối tượng HTML DOM Del được liên kết với phần tử HTML . Nó được sử dụng để đại diện cho phần tử . Sử dụng đối tượng Del, chúng ta có thể tạo và truy cập elememt.

Thuộc tính

Sau đây là các thuộc tính cho đối tượng Del -

Sr.No Thuộc tính &Mô tả
1 trích dẫn
Để đặt hoặc trả về giá trị thuộc tính cite của văn bản đã xóa.
2 dateTime
Để đặt hoặc trả về giá trị thuộc tính ngày giờ của văn bản đã xóa.

Cú pháp

Sau đây là cú pháp cho -

Tạo đối tượng Del -

var p = document.createElement("DEL");

Ví dụ

Chúng ta hãy xem một ví dụ cho đối tượng HTML DOM Del -

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

Đầu ra

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

Đối tượng HTML DOM Del

Khi nhấp vào nút TẠO -

Đối tượng HTML DOM Del

Trong ví dụ trên -

Đầu tiên chúng tôi đã tạo một nút CREATE sẽ thực thi phương thức delCreate () khi người dùng nhấp vào -

<button onclick="delCreate()">CREATE</button>

Phương thức delCreate () tạo một phần tử bằng cách sử dụng createElement () và gán nó cho biến d. Sau đó, nó tạo một nút văn bản với một số văn bản bên trong bằng phương thức createTextNode (). Sau đó, nút văn bản được nối vào phần tử bằng phương thức appendChild () của phần tử del và nối nút văn bản vào nó.

Sau đó, phần tử cùng với nút văn bản được thêm vào nội dung tài liệu bằng phương thức document.body appendChild () và chuyển biến d làm tham số -

function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}