इस सरल कोड स्निपेट के साथ, आप JavaScript का उपयोग करके किसी भी मौजूदा HTML एलिमेंट में ID एट्रिब्यूट जोड़ सकते हैं।
कोड
let featuredTitle = document.querySelector("h1"); featuredTitle.id = "featured-title";वीडियो में क्या हो रहा है:
- सबसे पहले, हम वेब पेज पर h1 एलिमेंट को ढूंढते हैं और इसे
featuredTitleनामक वेरिएबल में असाइन करते हैं। - फिर हम डॉट नोटेशन (variableName.attribute) के माध्यम से उस वेरिएबल में एक ID एट्रिब्यूट जोड़ते हैं, इस मामले में:
featuredTitle.idऔर इसे'featured-title'मान देते हैं।
आप DOM में किसी भी मौजूदा एलिमेंट के साथ ऐसा कर सकते हैं।
अब आप इस डायनामिक रूप से बनाए गए ID का उपयोग CSS के साथ (नए ID के माध्यम से एलिमेंट को स्टाइल करने के लिए) या JavaScript के साथ इंटरैक्टिव व्यवहार को संभालने के लिए (जैसे क्लिक इवेंट्स) कर सकते हैं।
