এই সুন্দর কোড স্নিপেট ব্যবহার করে আপনি জাভাস্ক্রিপ্ট দিয়ে যেকোনো বিদ্যমান HTML এলিমেন্টে ID অ্যাট্রিবিউট যোগ করতে পারেন।
কোডটি
let featuredTitle = document.querySelector("h1"); featuredTitle.id = "featured-title";ভিডিওতে কী হচ্ছে তা নিচে দেওয়া হল:
- প্রথমে, আমরা ওয়েব পৃষ্ঠার h1 এলিমেন্টটি খুঁজে বের করি এবং এটিকে
featuredTitleনামক একটি ভেরিয়েবলে এসাইন করি। - তারপর ডট নোটেশন (variableName.attribute) ব্যবহার করে ঐ ভেরিয়েবলে একটি ID অ্যাট্রিবিউট যুক্ত করি, এই ক্ষেত্রে:
featuredTitle.idএবং এর মান দিয়ে দিই'featured-title'।
আপনি DOM-এ বিদ্যমান যেকোনো এলিমেন্টের সাথে এটি করতে পারেন।
এখন এই ডাইনামিকভাবে তৈরি করা ID-র মাধ্যমে আপনি CSS-এ (নতুন ID দিয়ে এলিমেন্টটি স্টাইল করার জন্য) বা জাভাস্ক্রিপ্ট-এ (ইন্টারেক্টিভ বিহевиয়ার হ্যান্ডল করার জন্য, যেমন ক্লিক ইভেন্ট) হুক করতে পারেন।
