HTML DOM cite অবজেক্ট

HTML DOM cite অবজেক্টটি HTML <cite> উপাদানের সাথে সম্পর্কিত। <cite> উপাদানটি একটি উদ্ধৃত সৃজনশীল কাজের রেফারেন্স দেওয়ার জন্য ব্যবহৃত হয় এবং শিরোনাম অন্তর্ভুক্ত করা আবশ্যক। এটি চিত্রকলা, বই, টিভি শো, সিনেমা ইত্যাদি হতে পারে।

সিনট্যাক্স

নিচে cite অবজেক্ট তৈরির সিনট্যাক্স দেওয়া হলো -

var x = document.createElement("CITE");

উদাহরণ

HTML DOM cite অবজেক্টের একটি উদাহরণ দেখি -

<!DOCTYPE html> <html> <body> <p>নিচের বাটনে ক্লিক করুন CITE এলিমেন্ট তৈরি করতে।</p> <button onclick="createCite()">CREATE</button><br><br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night"> <script> function createCite() { var x = document.createElement("CITE"); var t = document.createTextNode("The Starry night."); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

"CREATE" এ ক্লিক করুন -

উপরের উদাহরণে আমরা একটি ছবি <img> ট্যাগ ব্যবহার করে ডালেছি -

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">

তারপর CREATE বাটন তৈরি করেছি যা createCite() মেথড এক্সিকিউট করবে -

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

createCite() মেথড একটি <cite> এলিমেন্ট তৈরি করে এবং ভেরিয়েবল x-এ অ্যাসাইন করে। কিছু টেক্স্ট ধারণকারী একটি টেক্স্ট নোড তৈরি করা হয় এবং ভেরিয়েবল t-এ অ্যাসাইন করা হয়। টেক্স্ট নোডটি x ভেরিয়েবলের appendChild() মেথড ব্যবহার করে <cite> এলিমেন্টে অ্যাপেন্ড করা হয়। টেক্স্ট নোডসহ <cite> এলিমেন্টটি document body-র appendChild() মেথড ব্যবহার করে ডকুমেন্ট বডিতে অ্যাপেন্ড করা হয়।