HTML DOM blockquote মূলত HTML এলিমেন্ট <blockquote>-কে প্রতিনিধিত্ব করে। <blockquote> এলিমেন্ট <q> ট্যাগের মতো কোটেশন মার্ক যোগ করে না। blockquote অবজেক্টের সাহায্যে আমরা <blockquote> প্রোপার্টি তৈরি এবং অ্যাক্সেস করতে পারি।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
blockquote অবজেক্ট তৈরি করা:
var x = document.createElement("BLOCKQUOTE");
উদাহরণ
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-এ ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে, আমরা CREATE নামে একটি বাটন তৈরি করেছি যা createBloc() ফাংশন কল করবে।
<button onclick="createBloc()">CREATE</button>
createBloc() ফাংশন ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে একটি <blockquote> এলিমেন্ট তৈরি করে। তারপর ডকুমেন্ট অবজেক্টের createTextNode() মেথড ব্যবহার করে কিছু টেক্সট সহ একটি টেক্সট নোড তৈরি করে। setAttribute() মেথড ব্যবহার করে উপরে তৈরি <blockquote> এলিমেন্টে 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); }
