HTML DOM Del অবজেক্ট

HTML DOM Del অবজেক্ট HTML <del> এলিমেন্টের সাথে সম্পর্কিত। এটি <del> এলিমেন্টকে রিপ্রেজেন্ট করে। Del অবজেক্ট ব্যবহার করে আমরা <del> এলিমেন্ট তৈরি এবং অ্যাক্সেস করতে পারি।

প্রপার্টি

Del অবজেক্টের প্রপার্টিগুলো:

সিনট্যাক্স

Del অবজেক্ট তৈরি করার সিনট্যাক্স:

var p = document.createElement("DEL");

উদাহরণ

HTML DOM Del অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h2>del object example</h2> 
<p>Click on the below button to create a DEL element with some text.</p> 
<button onclick="delCreate()">CREATE</button> 
<br><br> 
<script> 
  function delCreate() { 
    var d= document.createElement("DEL"); 
    var t = document.createTextNode("Deleted text is here"); 
    d.appendChild(t); 
    document.body.appendChild(d); 
  } 
</script> 
</body> </html>

আউটপুট

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

CREATE বাটনে ক্লিক করলে:

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

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

<button onclick="delCreate()">CREATE</button>

delCreate() মেথড createElement() ব্যবহার করে <del> এলিমেন্ট তৈরি করে এবং d ভেরিয়েবলে অ্যাসাইন করে। তারপর createTextNode() মেথড ব্যবহার করে কিছু টেক্সট সহ একটি টেক্সট নোড তৈরি করে। টেক্সট নোডটি del এলিমেন্টের appendChild() মেথড ব্যবহার করে <del> এলিমেন্টে অ্যাপেন্ড করা হয়।

<del> এলিমেন্ট টেক্সট নোডসহ document body-তে document.body appendChild() মেথড ব্যবহার করে অ্যাসাইন করা হয় d ভেরিয়েবল পাস করে:

function delCreate() { 
  var d= document.createElement("DEL"); 
  var t = document.createTextNode("Deleted text is here"); 
  d.appendChild(t); 
  document.body.appendChild(d); 
}