HTML DOM এ একটি নতুন উপাদান যোগ করতে৷ , আমাদের প্রথমে এটি তৈরি করতে হবে এবং তারপরে আমাদের এটি বিদ্যমান উপাদানের সাথে যুক্ত করতে হবে।
অনুসরণ করার পদক্ষেপগুলি৷
1) প্রথমে, একটি div বিভাগ তৈরি করুন এবং
ট্যাগ
2) একটি উপাদান তৈরি করুন
3) document.createTextNode() ব্যবহার করে একটি পাঠ্য তৈরি করুন , যাতে উপরে তৈরি করা উপাদান("p") এ এটি সন্নিবেশ করা যায়।
4) appendChild() ব্যবহার করে বিদ্যমান div-এ পাঠ্য সহ তৈরি করা উপাদান যুক্ত করার চেষ্টা করুন ট্যাগ।
এইভাবে একটি নতুন উপাদান তৈরি করা হয় (
) এবং বিদ্যমান উপাদানের সাথে যুক্ত করা হয় (
)।
উদাহরণ
নিম্নলিখিত উদাহরণে, প্রাথমিকভাবে div বিভাগে শুধুমাত্র2টি পাঠ্য রয়েছে৷৷ কিন্তু পরে, আউটপুটে দেখানো হিসাবে আরও একটি পাঠ্য তৈরি করা হয় এবং ডিভ বিভাগে যোগ করা হয়।
<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
