Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ एक HTML तत्व में एक आईडी कैसे जोड़ें

इस साफ-सुथरे कोड स्निपेट के साथ आप जावास्क्रिप्ट का उपयोग करके किसी भी मौजूदा HTML तत्व में एक आईडी विशेषता जोड़ सकते हैं।


कोड

let featuredTitle = document.querySelector("h1");
featuredTitle.id = "featured-title";

यहां देखें कि वीडियो में क्या हो रहा है:

  • सबसे पहले, हम वेब पेज पर h1 तत्व ढूंढते हैं और इसे featuredTitle नामक एक वेरिएबल को असाइन करते हैं ।
  • फिर हम इस मामले में डॉट नोटेशन (variableName.attribute) के माध्यम से उस चर के लिए एक आईडी विशेषता संलग्न करते हैं:featuredTitle.id और इसे 'featured-title' . का मान दें ।

आप इसे DOM के किसी भी मौजूदा तत्व के साथ कर सकते हैं।

अब आप इस गतिशील रूप से बनाई गई आईडी का उपयोग सीएसएस के साथ (उसकी नई आईडी के माध्यम से तत्व को स्टाइल करने के लिए) या जावास्क्रिप्ट के साथ इंटरैक्टिव व्यवहार (जैसे क्लिक ईवेंट) को संभालने के लिए कर सकते हैं।


  1. जावास्क्रिप्ट और सीएसएस के साथ खींचने योग्य HTML तत्व कैसे बनाएं?

    जावास्क्रिप्ट और सीएसएस के साथ खींचने योग्य HTML तत्व बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .dragDiv {  

  1. जावास्क्रिप्ट के साथ HTML तत्व में oninput विशेषता जोड़ें?

    इसके लिए, addEventListener() के साथ document.getElementById() की अवधारणा का उपयोग करें। निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

  1. जावास्क्रिप्ट के साथ स्टाइलशीट में सीएसएस नियम कैसे जोड़ें?

    इंसर्टरूल () हमें स्टाइलशीट में एक परिभाषित स्थिति में एक नियम जोड़ने में मदद करता है जबकि डिलीटरूल () एक विशिष्ट शैली को हटाता है। निम्नलिखित उदाहरण CSS नियमों का वर्णन करते हैं जिन्हें जावास्क्रिप्ट का उपयोग करके स्टाइलशीट में जोड़ा जा सकता है। उदाहरण <!DOCTYPE html> <html> <head&g