HTML id गुण

व्याख्या और उपयोग

इड एट्रिब्यूट HTML एलिमेंट के अद्वितीय आईडी को निर्दिष्ट करता है।(यह मूल्य HTML दस्तावेज़ में अद्वितीय होना चाहिए)。

इड एट्रिब्यूट सबसे अधिक शैली पुस्तक (स्टाइल शीट) में इस्तेमाल किया जाता है, जिसे जावास्क्रिप्ट (द्वारा HTML DOM) के माध्यम से विशिष्ट आईडी वाले एलिमेंट का नियंत्रण करने के लिए उपयोग किया जाता है。

इड एट्रिब्यूट लिंक अंक (link anchor) के रूप में भी उपयोग किया जा सकता है。

अन्य संदर्भः

HTML शिक्षणःHTML id

HTML शिक्षणःHTML गुण

CSS शिक्षणःCSS व्याकरण

CSS संदर्भ दस्तावेज़ःCSS #इड चयनकर्ता

HTML DOM संदर्भ दस्तावेज़ःHTML DOM getElementById() विधि

HTML DOM संदर्भ दस्तावेज़ःHTML DOM id एट्रिब्यूट

HTML DOM संदर्भ दस्तावेज़ःHTML DOM Style वस्तु

इस्तेमाल

उदाहरण 1

इड एट्रिब्यूट का उपयोग करके जावास्क्रिप्ट के द्वारा एक पाठ बदलें:

<html>
<body>
<h1 id="myHeader">हेलो वर्ल्ड!</h1>
<button onclick="displayResult()">पाठ बदलें</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "एक अच्छा दिन बसें!";
}
</script>
</body>
</html>

स्वयं नियंत्रण करें

पृष्ठ के नीचे अधिक उदाहरण मिलेंगे。

व्याकरण

<एलिमेंट id="इड">

एट्रिब्यूट मूल्य

मूल्य वर्णन
इड

एलिमेंट को एक अद्वितीय इड निर्दिष्ट करें। नामकरण नियमः

  • कम से कम एक अक्षर होना चाहिए
  • कोई खाली गणना चारकर नहीं हो सकता है

अधिक उदाहरण

उदाहरण 2

इड एट्रिब्यूट का उपयोग करके पृष्ठ के भीतर इसने विशिष्ट आईडी वाले एलिमेंट को लिंक करें:

<html>
<body>
<h2><a id="top">कोई शीर्षक</a></h2>
<p>बहुत-बहुत टैक्स्ट ....</p>
<p>बहुत-बहुत टैक्स्ट ....</p>
<p>बहुत-बहुत टैक्स्ट ....</p>
<a href="#top">पूर्वोत्तर</a>
</body>
</html>

स्वयं नियंत्रण करें

उदाहरण 3

CSS गुण के द्वारा id गुण के माध्यम से पाठ को स्टाइलाइज करें:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com सबसे अच्छा है!</h1>
</body>
</html>

स्वयं नियंत्रण करें

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता