HTML तत्व से जुड़ी HTML DOM del cite संपत्ति का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि वेबसाइट पर कुछ टेक्स्ट क्यों हटाया गया था। यह यूआरएल निर्दिष्ट करके ऐसा करता है जो बताता है कि दिए गए टेक्स्ट को क्यों हटाया गया था।
डेल काइट संपत्ति हमारी वेबसाइट की पहुंच को बढ़ाती है क्योंकि इसमें कोई दृश्य संकेत नहीं है लेकिन स्क्रीन पाठकों की मदद कर सकता है। डेल काइट प्रॉपर्टी एचटीएमएल <डेल> एलिमेंट की साइट एट्रिब्यूट का मान सेट या लौटाती है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैउद्धरण गुण सेट करना -
delObject.cite = 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" जुड़ी हुई है और डेल एलिमेंट के लिए सिट एट्रीब्यूट वैल्यू "sampleDeleted.html" पर सेट है।
<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
हमने तब एक "Cite Cite" बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर citeChange() विधि को निष्पादित करेगा -
<button onclick="citeChange()">Change Cite</button>
citeChange() विधि getElementById() विधि का उपयोग करके तत्व प्राप्त करती है और इसके उद्धरण गुण मान को "https://example.com/deletedText.html" में बदल देती है। फिर हम पैराग्राफ में इस बदलाव को "नमूना" आईडी के साथ पैराग्राफ तत्व की आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित करते हैं। "नमूना" पैराग्राफ के अंदर का टेक्स्ट नीले रंग में प्रदर्शित होता है क्योंकि हमारे पास इसकी आईडी के अनुरूप शैली है जो उस पर लागू होती है -
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'.";
}