HTML DOM ব্লককোট মূলত HTML উপাদান
প্রতিনিধিত্ব করে।উপাদানটিট্যাগের বিপরীতে কোনো উদ্ধৃতি চিহ্ন যোগ করে না। আমরা ব্লককোট অবজেক্টের সাহায্যেবৈশিষ্ট্যগুলি তৈরি এবং অ্যাক্সেস করতে পারি।সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলব্লককোট অবজেক্ট তৈরি করা হচ্ছে −
var x = document.createElement("BLOCKQUOTE");উদাহরণ
আসুন ব্লককোট অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <p>Click on the below button to create a blockquote object</p> <button onclick="createBloc()">CREATE</button> <script> function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
CREATE -
-এ ক্লিক করলে
উপরের উদাহরণে -
প্রথমে আমরা createBloc() ফাংশন কল করার জন্য CREATE বাটন তৈরি করেছি।
<button onclick="createBloc()">CREATE</button>CreateBloc() ফাংশনটি
এলিমেন্ট তৈরি করতে ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে। তারপর ডকুমেন্ট অবজেক্টের createTextNode() পদ্ধতি ব্যবহার করে আমরা এর ভিতরে কিছু টেক্সট সহ একটি টেক্সট নোড তৈরি করেছি। setAttribute() পদ্ধতি ব্যবহার করে আমরা উপরে তৈরি করাএলিমেন্টে cite, এবং id এর মত কিছু বৈশিষ্ট্য যোগ করি। তারপরে উপাদানটিকে অবশেষে শিশু হিসাবে তার appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডিতে যুক্ত করা হয়।function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); }
