HTML DOM createElement() পদ্ধতি

HTML DOM createElement() পদ্ধতিটি জাভাস্ক্রিপ্ট ব্যবহার করে গতিশীলভাবে একটি HTML উপাদান তৈরি করতে ব্যবহৃত হয়। এটি প্যারামিটার হিসাবে উপাদানের নাম নেয় এবং সেই উপাদান নোড তৈরি করে। DOM-এর অংশ হিসেবে নতুন তৈরি উপাদান পেতে আপনাকে appendChild() পদ্ধতি ব্যবহার করতে হবে।

সিনট্যাক্স

নিচে createElement() মেথড -

এর জন্য সিনট্যাক্স দেওয়া হল

document.createElement(nodename)

উদাহরণ

আসুন createElement() মেথড -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>createElement() example</h1>
<p>Click the below button to create more buttons</p>
<button onclick="createButton()">CREATE</button>
<br><br>
<script>
   var i=0;
   function createButton() {
      i++;
      var btn = document.createElement("BUTTON");
      btn.innerHTML="BUTTON"+i;
      var br= document.createElement("BR");
      document.body.appendChild(btn);
      document.body.appendChild(br);
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM createElement() পদ্ধতি

ক্রিয়েট বাটনে তিনবার ক্লিক করলে। একটি বোতামের জন্য এক ক্লিক -

HTML DOM createElement() পদ্ধতি

উপরের উদাহরণে -

আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createButton() পদ্ধতিটি কার্যকর করবে৷

<button onclick="createButton()">CREATE</button>

createButton() ফাংশন ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি