HTML DOM del cite Thuộc tính

Thuộc tính HTML DOM del cite được liên kết với phần tử HTML được sử dụng để cho người dùng biết lý do tại sao một số văn bản trên trang web bị xóa. Nó làm như vậy bằng cách chỉ định url cho biết lý do tại sao văn bản nhất định bị xóa.

Thuộc tính del cite làm tăng khả năng truy cập trang web của chúng tôi vì nó không có dấu hiệu trực quan nhưng có thể giúp ích cho người đọc màn hình. Thuộc tính del cite đặt hoặc trả về giá trị của thuộc tính cite của phần tử ~~HTML.~~

Cú pháp

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

Đặt thuộc tính trích dẫn -

delObject.cite = URL

Ở đây, URL chỉ định URL của tài liệu nêu lý do tại sao văn bản bị xóa. URL có thể là tương đối hoặc tuyệt đối.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính HTML DOM del cite -

<!DOCTYPE html>
<html>
<head>
<title>Del cite</title>
<style>
#Sample{color:blue};
</style>
</head>
<body>
<h2>del cite property example</h2>
<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
<p>Click the below button to change the cite attribute value of the above deleted text</p>
<button onclick="citeChange()">Change Cite</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("Del1").cite = "https://example.com/deletedText.html";
      document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
   }
</script>
</body>
</html>

Đầu ra

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

HTML DOM del cite Thuộc tính

Khi nhấp vào nút Thay đổi Cite -

HTML DOM del cite Thuộc tính

Trong ví dụ trên -

Trước tiên, chúng tôi đã tạo phần tử ~~bên trong phần tử~~

có id “Del1” được liên kết với nó và giá trị thuộc tính cite cho phần tử del được đặt thành “sampleDeleted.html”.

<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>

Sau đó, chúng tôi đã tạo nút “Change Cite” sẽ thực thi phương thức citeChange () khi người dùng nhấp vào -

<button onclick="citeChange()">Change Cite</button>

Phương thức citeChange () nhận phần tử bằng cách sử dụng phương thức getElementById () và thay đổi giá trị thuộc tính cite của nó thành “https://example.com/deletedText.html”. Sau đó, chúng tôi hiển thị sự thay đổi này trong đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của phần tử đoạn văn. Văn bản bên trong đoạn "Mẫu" được hiển thị bằng màu xanh lam vì chúng ta có kiểu tương ứng với id của nó được áp dụng cho nó -

function citeChange() {
   document.getElementById("Del1").cite = "https://example.com/deletedText.html";
   document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
}