নোড(এইচটিএমএল এলিমেন্ট) যোগ করা এবং বাদ দেওয়া

নতুন এইচটিএমএল এলিমেন্ট(নোড) তৈরি

এইচটিএমএল ডোমে একটি নতুন এলিমেন্ট যোগ করার জন্যে প্রথমে অবশ্যই এলিমেন্টটি(এলিমেন্ট নোড) তৈরি করতে হবে এবং তারপর আগের এলিমেন্টের সাধে যুক্ত করতে হবে।

kt_satt_skill_example_id=1513

উদাহরণের বর্ণনা

এই কোড একটি নতুন

এলিমেন্ট তৈরি করেঃ

kt_satt_skill_example_id=1514

এলিমেন্টে টেক্সট যোগ করার জন্য প্রথমে আপনাকে অবশ্যই একটি টেক্সট নোড তৈরি করতে হবে। এই কোড দ্বারা একটি টেক্সট নোড তৈরি করা হয়ঃ

kt_satt_skill_example_id=1515

তারপর আপনাকে অবশ্যই টেক্সট নোডকে

এলিমেন্টে যুক্ত করতে হবেঃ

kt_satt_skill_example_id=1516

সবশেষে আপনি আগের তৈরিকৃত একটি এলিমেন্টের সাথে নতুন এলিমেন্টটি যুক্ত করবেন।

এই কোডটি দ্বারা আগের তৈরিকৃত এলিমেন্টকে খুঁজে বের করা হয়ঃ

kt_satt_skill_example_id=1517

এই কোড আগের তৈরিকৃত এলিমেন্টে নতুন এলিমেন্ট যুক্ত করে।

kt_satt_skill_example_id=1519

নতুন এইচটিএমএল এলিমেন্ট তৈরি - insertBefore()

পূর্ববর্তী উদাহরণে appendChild() মেথডটি প্যারেন্টের শেষ চাইল্ড হিসেবে নতুন এলিমেন্ট যুক্ত করে।

আপনি যদি এটা করতে না চান তাহলে insertBefore() মেথড ব্যবহার করতে পারেনঃ

kt_satt_skill_example_id=1522

বিদ্যমান এইচটিএমএল এলিমেন্ট বাদ দেওয়া

একটি এইচটিএমএল এলিমেন্ট বাদ দেওয়ার জন্য আপনাকে অবশ্যই এলিমেন্টের প্যারেন্টকে জানতে হবেঃ

kt_satt_skill_example_id=1524

node.remove() মেথডটি ডোম ৪ এ যোগ করা হয়েছে।
কিন্তু সকল ব্রাউজারে সাপোর্ট না করার কারণে আপনারা এটি ব্যবহার করবেন না।

উদাহরণের বর্ণনা

এই এইচটিএমএল ডকুমেন্টটিতে একটি

Content added By

Ibnul Haisan