คุณสมบัติ HTML DOM del cite ที่เชื่อมโยงกับองค์ประกอบ HTML ใช้เพื่อบอกผู้ใช้ว่าทำไมข้อความบางส่วนบนเว็บไซต์จึงถูกลบ โดยระบุ URL ที่ระบุว่าเหตุใดข้อความที่กำหนดจึงถูกลบ
คุณสมบัติ del cite ช่วยเพิ่มการเข้าถึงเว็บไซต์ของเราเนื่องจากไม่มีตัวชี้นำภาพ แต่สามารถช่วยโปรแกรมอ่านหน้าจอได้ ชุดคุณสมบัติ del cite หรือคืนค่าของแอตทริบิวต์ cite ขององค์ประกอบ HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติอ้างอิง -
delObject.cite = URL
ที่นี่ URL ระบุ URL ของเอกสารที่ระบุว่าเหตุใดข้อความจึงถูกลบ URL สามารถเป็นแบบสัมพัทธ์หรือแบบสัมบูรณ์ได้
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติ 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>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มเปลี่ยนการอ้างอิง -
ในตัวอย่างข้างต้น −
ขั้นแรกเราได้สร้าง
องค์ประกอบที่มีรหัส "Del1" ที่เชื่อมโยงกับมันและค่าแอตทริบิวต์การอ้างอิงสำหรับองค์ประกอบ del ถูกตั้งค่าเป็น "sampleDeleted.html"
จากนั้นเราได้สร้างปุ่ม "เปลี่ยนการอ้างอิง" ที่จะรันเมธอด citeChange() เมื่อผู้ใช้คลิก -
เมธอด citeChange() รับองค์ประกอบ องค์ประกอบภายใน <p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
<button onclick="citeChange()">Change Cite</button>
โดยใช้เมธอด getElementById() และเปลี่ยนค่าคุณสมบัติการอ้างอิงเป็น “https://example.com/deletedText.html” จากนั้นเราจะแสดงการเปลี่ยนแปลงนี้ในย่อหน้าด้วยรหัส "ตัวอย่าง" โดยใช้คุณสมบัติ innerHTML ขององค์ประกอบย่อหน้า ข้อความในย่อหน้า "ตัวอย่าง" จะแสดงเป็นสีน้ำเงินเนื่องจากเรามีรูปแบบที่สอดคล้องกับรหัสที่ใช้กับมัน -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'.";
}