HTML DOM Quote অবজেক্ট একটি HTML ডকুমেন্টের <q> এলিমেন্টকে রিপ্রেজেন্ট করে।
q অবজেক্ট তৈরি করা যাক:
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
document.createElement("Q");
প্রোপার্টিগুলো
Quote অবজেক্টের প্রোপার্টিগুলো:
| প্রোপার্টি | ব্যাখ্যা |
|---|---|
| cite | HTML ডকুমেন্টে quote এলিমেন্টের cite অ্যাট্রিবিউটের ভ্যালু রিটার্ন ও পরিবর্তন করে। |
উদাহরণ
HTML DOM Quote অবজেক্টের উদাহরণ:
<!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .drop-down{ width:35%; border:2px solid #fff; font-weight:bold; padding:8px; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } p{ font-size:1.2rem; background-color:#db133a; color:#fff; padding:8px; } </style> </head> <body> <h1>DOM quote Object Demo</h1> <button onclick="createQuote()" class="btn">Create a quote object</button> <script> function createQuote() { var qElement = document.createElement("Q"); qElement.innerHTML="WordPress is software designed for everyone, emphasizing accessibility, performance, security, and ease of use. We believe great software should work with minimum set up, so you can focus on sharing your story, product, or services freely. "; qElement.setAttribute("cite","https://wordpress.org/about/"); document.body.appendChild(qElement); } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট প্রডিউস করবে:
"Create a quote object" বাটনে ক্লিক করলে একটি quote অবজেক্ট তৈরি হবে:
