এইচটিএমএল DOM del সম্পত্তি উদ্ধৃত

HTML উপাদানের সাথে যুক্ত HTML DOM del cite প্রপার্টি ব্যবহারকারীকে বলার জন্য ব্যবহার করা হয় কেন ওয়েবসাইটে কিছু লেখা মুছে ফেলা হয়েছে। এটি url উল্লেখ করে তা করে যা বলে যে কেন প্রদত্ত পাঠ্যটি মুছে ফেলা হয়েছিল৷

৷

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

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

এইচটিএমএল DOM del সম্পত্তি উদ্ধৃত

Cite চেঞ্জ বোতামে ক্লিক করলে -

এইচটিএমএল DOM del সম্পত্তি উদ্ধৃত

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

আমরা প্রথমে একটি

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

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

তারপরে আমরা একটি "চেঞ্জ সিট" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে citeChange() পদ্ধতিটি কার্যকর করবে -

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

citeChange() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে উপাদান পায় এবং এর উদ্ধৃত সম্পত্তির মান পরিবর্তন করে “https://example.com/deletedText.html”। তারপর আমরা প্যারাগ্রাফ এলিমেন্টের innerHTML প্রপার্টি ব্যবহার করে id “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'.";
}