কিভাবে জাভাস্ক্রিপ্টে HTML DOM এ একটি নতুন উপাদান যোগ করবেন?

HTML DOM এ একটি নতুন উপাদান যোগ করতে৷ , আমাদের প্রথমে এটি তৈরি করতে হবে এবং তারপরে আমাদের এটি বিদ্যমান উপাদানের সাথে যুক্ত করতে হবে।

অনুসরণ করার পদক্ষেপগুলি৷

1) প্রথমে, একটি div বিভাগ তৈরি করুন এবং

ট্যাগ ব্যবহার করে কিছু পাঠ্য যোগ করুন .

2) একটি উপাদান তৈরি করুন

document.createElement("p") ব্যবহার করে .

3) document.createTextNode() ব্যবহার করে একটি পাঠ্য তৈরি করুন , যাতে উপরে তৈরি করা উপাদান("p") এ এটি সন্নিবেশ করা যায়।

4) appendChild() ব্যবহার করে বিদ্যমান div-এ পাঠ্য সহ তৈরি করা উপাদান যুক্ত করার চেষ্টা করুন ট্যাগ।

এইভাবে একটি নতুন উপাদান তৈরি করা হয় (

) এবং বিদ্যমান উপাদানের সাথে যুক্ত করা হয় (

<html>
<body>
<div id="new">
<p id="p1">Tutorix</p>
<p id="p2">Tutorialspoint</p>
</div>
<script>
   var tag = document.createElement("p");
   var text = document.createTextNode("Tutorix is the best e-learning platform");
   tag.appendChild(text);
   var element = document.getElementById("new");
   element.appendChild(tag);
</script>
</body>
</html>

Tutorix

Tutorialspoint

Tutorix is the best e-learning platform