HTML DOM Aside অবজেক্ট HTML ডকুমেন্টের <aside> এলিমেন্টকে রিপ্রেজেন্ট করে।
aside অবজেক্ট তৈরি করুন:
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
document.createElement(“ASIDE”);
aside অবজেক্টের একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6; } h1 { color: #23CE6B; } .btn { background-color: #fff; border: 2px solid #0197F6; height: 2rem; width: 40%; margin: 2rem auto; display: block; color: #0197F6; outline: none; cursor: pointer; border-radius: 20px; } aside { border: 1.5px solid #db133a; padding: 20px; } </style> <body> <h1>DOM aside অবজেক্ট ডেমো</h1> <button onclick="createAside()" class="btn">aside অবজেক্ট তৈরি করুন</button> <script> function createAside() { var asideElement = document.createElement("ASIDE"); asideElement.innerHTML = 'আমি একটি aside এলিমেন্ট<h3>এটি aside এলিমেন্টের ভিতরে একটি h3 এলিমেন্ট</h3><p>এটি aside এলিমেন্টের ভিতরে একটি প্যারাগ্রাফ এলিমেন্ট</p>'; document.body.appendChild(asideElement); } </script> </body> </html>আউটপুট
aside অবজেক্ট তৈরি করুন বাটনে ক্লিক করুন aside অবজেক্ট তৈরি করতে।
