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