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