HTML DOM del cite প্রপার্টি

HTML <del> এলিমেন্টের সাথে সম্পর্কিত HTML DOM del cite প্রপার্টি ব্যবহার করে ইউজাকে জানানো হয় যে ওয়েবসাইটে কোনো টেক্সট কেন মুছে ফেলা হয়েছিল। এটি یوআরএল নির্দিষ্ট করে যা বলে দেওয়া টেক্সট কেন মুছে ফেলা হয়েছিল।

del cite প্রপার্টি আমাদের ওয়েবসাইটের অ্যাক্সেসিবিলিটি বাড়ায় কারণ এর কোনো ভিজ্যুয়াল কিউ নেই কিন্তু স্ক্রিন রিডারদের সাহায্য করতে পারে। del cite প্রপার্টি HTML <del> এলিমেন্টের cite অ্যাট্রিবিউটের মান সেট বা রিটার্ন করে।

সিনট্যাক্স

cite প্রপার্টি সেট করার সিনট্যাক্স:

delObject.cite = 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>

আউটপুট

নিচের আউটপুট তৈরি হবে:

Change Cite বাটনে ক্লিক করলে:

উপরের উদাহরণে:

প্রথমে আমরা একটি <p> এলিমেন্টের ভিতরে "Del1" আইডি সহ <del> এলিমেন্ট তৈরি করেছি যার cite অ্যাট্রিবিউটের মান "sampleDeleted.html"।

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

তারপর আমরা "Change Cite" বাটন তৈরি করেছি যা ইউজার ক্লিক করলে citeChange() মেথড এক্সিকিউট করবে:

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

citeChange() মেথড getElementById() ব্যবহার করে <del> এলিমেন্ট পায় এবং এর cite প্রপার্টির মান "https://example.com/deletedText.html"-এ পরিবর্তন করে। তারপর আমরা এই পরিবর্তনটি "Sample" আইডি वाले প্যারা গ্রাফে innerHTML প্রপার্টি ব্যবহার করে দেখাই। "Sample" প্যারা গ্রাফের টেক্সট নীল রঙে দেখাবে কারণ আমরা এর আইডির সাথে সংশ্লিষ্ট স্টাইল অ্যাপ্লাই করেছি:

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'."; 
}