HTML DOM cite অবজেক্টটি HTML উপাদানের সাথে যুক্ত। উপাদানটি উদ্ধৃত সৃজনশীল কাজের রেফারেন্স দিতে ব্যবহৃত হয় এবং শিরোনাম অবশ্যই অন্তর্ভুক্ত করতে হবে। এটি পেইন্টিং, বই, টিভি শো, সিনেমা ইত্যাদি হতে পারে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি উদ্ধৃত বস্তু তৈরি করা হচ্ছে -
var x = document.createElement("CITE");
উদাহরণ
আসুন HTML DOM সাইট অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <p>Click the below button to create a CITE element.</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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"তৈরি করুন" -
-এ ক্লিক করুন
উপরের উদাহরণে আমরা একটি ট্যাগ −
ব্যবহার করে একটি ছবি সন্নিবেশ করেছি<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">
তারপর CreateCite() মেথড -
এক্সিকিউট করার জন্য আমরা CREATE বাটন তৈরি করেছি<button onclick="createCite()">CREATE</button>
createCite() পদ্ধতি একটি উপাদান তৈরি করে এবং এটি পরিবর্তনশীল x-এ বরাদ্দ করে। কিছু টেক্সট সম্বলিত একটি টেক্সট নোড তৈরি করা হয় এবং ভেরিয়েবল টি-তে বরাদ্দ করা হয়। টেক্সট নোড তারপর পরিবর্তনশীল x-এ appendChild() পদ্ধতি ব্যবহার করে উপাদানের সাথে যুক্ত করা হয়। টেক্সট নোডের সাথে উপাদানটি তারপর ডকুমেন্ট বডিতে appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডিতে যুক্ত করা হয়।