MooTools লাইব্রেরি DOM (Document Object Model) ম্যানিপুলেশন সহজ এবং দ্রুত করতে সাহায্য করে। এর মাধ্যমে আপনি HTML উপাদানে (Elements) ক্লাস, আইডি (ID) এবং অ্যাট্রিবিউটস যোগ বা পরিবর্তন করতে পারেন। MooTools ব্যবহার করে এই কার্যাবলি খুবই সহজ এবং কমপ্যাক্ট কোডের মাধ্যমে করা যায়।
Elements এ Class যোগ করা
MooTools দিয়ে HTML উপাদানে নতুন ক্লাস (Class) যোগ করা খুব সহজ। এর জন্য addClass() মেথড ব্যবহার করা হয়। উদাহরণস্বরূপ, যদি আপনি একটি HTML উপাদানে নতুন ক্লাস যোগ করতে চান, তাহলে এটি করা যায়:
// একটি উপাদান নির্বাচন করা
var element = document.id('myElement');
// ক্লাস যোগ করা
element.addClass('newClass');
এখানে document.id('myElement') দিয়ে myElement আইডি সম্পন্ন উপাদানটি নির্বাচন করা হচ্ছে এবং addClass('newClass') দিয়ে তার মধ্যে newClass নামক একটি নতুন ক্লাস যোগ করা হচ্ছে।
Elements এ Class রিমুভ করা
কোনও উপাদান থেকে ক্লাস রিমুভ করতে removeClass() মেথড ব্যবহার করা হয়। উদাহরণ:
// একটি উপাদান নির্বাচন করা
var element = document.id('myElement');
// ক্লাস রিমুভ করা
element.removeClass('oldClass');
এখানে removeClass('oldClass') দিয়ে oldClass নামক ক্লাসটি উপাদান থেকে সরিয়ে ফেলা হচ্ছে।
Elements এ ID যোগ বা পরিবর্তন করা
MooTools-এর মাধ্যমে আপনি HTML উপাদানে নতুন ID যোগ বা বিদ্যমান ID পরিবর্তন করতে পারেন। এটি করার জন্য setProperty() মেথড ব্যবহার করা হয়। উদাহরণ:
// একটি উপাদান নির্বাচন করা
var element = document.id('myElement');
// নতুন ID সেট করা
element.setProperty('id', 'newID');
এখানে setProperty('id', 'newID') মেথডটি myElement আইডি সম্পন্ন উপাদানটির আইডি পরিবর্তন করে newID সেট করছে।
Elements এ Attributes যোগ বা পরিবর্তন করা
MooTools ব্যবহার করে একটি উপাদানে নতুন অ্যাট্রিবিউট যোগ বা পরিবর্তন করা খুবই সহজ। setProperty() মেথড দিয়ে আপনি এট্রিবিউট যোগ বা পরিবর্তন করতে পারেন। উদাহরণ:
// একটি উপাদান নির্বাচন করা
var element = document.id('myElement');
// নতুন অ্যাট্রিবিউট যোগ করা
element.setProperty('data-custom', 'value');
এখানে setProperty('data-custom', 'value') মেথডটি myElement উপাদানে data-custom নামক একটি নতুন অ্যাট্রিবিউট যোগ করছে, যার মান হচ্ছে value।
Elements থেকে Attributes রিমুভ করা
আপনি যদি কোনও উপাদান থেকে অ্যাট্রিবিউট সরিয়ে ফেলতে চান, তাহলে removeProperty() মেথড ব্যবহার করতে হবে। উদাহরণ:
// একটি উপাদান নির্বাচন করা
var element = document.id('myElement');
// অ্যাট্রিবিউট রিমুভ করা
element.removeProperty('data-custom');
এখানে removeProperty('data-custom') মেথডটি myElement উপাদান থেকে data-custom অ্যাট্রিবিউটটি সরিয়ে ফেলছে।
সারাংশ
MooTools লাইব্রেরি ব্যবহার করে HTML উপাদানে ক্লাস, আইডি এবং অ্যাট্রিবিউট যোগ বা পরিবর্তন করা খুবই সহজ এবং কার্যকরী। এর মাধ্যমে আপনি খুব দ্রুত এবং সহজভাবে ওয়েব পেজের উপাদানগুলি ম্যানিপুলেট করতে পারেন, যা ওয়েব ডেভেলপমেন্টে সময় এবং প্রচেষ্টা বাঁচায়।
Read more
