एचटीएमएल आईडी विशेषता

उदाहरण

जावास्क्रिप्ट के साथ टेक्स्ट में हेरफेर करने के लिए आईडी विशेषता का उपयोग करें:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>

नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।

परिभाषा और उपयोग

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

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

ब्राउज़र समर्थन

Attribute
id	Yes	Yes	Yes	Yes	Yes

वाक्य - विन्यास

<element id="id">

गुण मान

Value	Description
id	Specifies a unique id for the element. Naming rules: Must contain at least one character Must not contain any space characters

और ज्यादा उदाहरण

उदाहरण 1

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

<html>
<body>

<h2><a id="top">Some heading</a></h2>

<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>

<a href="#top">Go to top</a>

</body>
</html>

उदाहरण 2

CSS के साथ टेक्स्ट को स्टाइल करने के लिए id एट्रिब्यूट का उपयोग करें:

<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">W3Schools is the best!</h1>

</body>
</html>

एचटीएमएल संदर्भ

HTML Tags