HTML id అట్రిబ్యూట్
- 上一页 hidden
- 下一页 inert
- 返回上一层 హ్టీఎంఎల్ గ్లోబల్ అట్రిబ్యూట్స్
నిర్వచనం మరియు వినియోగం
id
అంశం విలువ వివరిస్తుంది. (ఈ విలువ హెచ్చరికగా హెచ్చరికగా ఉండాలి).
id
అంశం అత్యంత సాధారణంగా స్టైల్షీప్ట్లో స్టైల్స్ సూచించడానికి మరియు JavaScript ద్వారా (HTML DOM ద్వారా) ప్రత్యేక id వాల్యూమును కాపీరైట్ చేయడానికి ఉపయోగించబడుతుంది。
id
అంశం లింక్ అంకరుగా కూడా ఉపయోగించబడవచ్చు
మరింత వివరాలు చూడండి:
HTML పాఠకం:HTML id
HTML పాఠకం:HTML అట్రిబ్యూట్
CSS పాఠకం:CSS సింథెక్సిస్
CSS పరిశీలన పాఠకం:CSS #id కోడ్ సెలెక్టర్
HTML DOM పరిశీలన పాఠకం:HTML DOM getElementById() పద్ధతి
HTML DOM పరిశీలన పాఠకం:HTML DOM id అంశం
HTML DOM పరిశీలన పాఠకం:HTML DOM Style ఆబ్జెక్ట్
ఉదాహరణ
ఉదాహరణ 1
ఆయోమాన అంశం వినియోగించి ప్రత్యేక id వాల్యూమును జావాస్క్రిప్ట్ ద్వారా పాఠం మార్చండి:
<h1 id="myHeader">హలో ప్రపంచ!</h1> <button onclick="displayResult()">పాఠం మార్చుము</button> <script> function displayResult() { document.getElementById("myHeader").innerHTML = "నీటికి నీతి ఉంది!"; } </script>
పేజీ కింద మరిన్ని ఉదాహరణలు అందుబాటులో ఉన్నాయి。
సంకేతం
<element id="id">
అంశ విలువ
విలువ | వివరణ |
---|---|
id |
ప్రతి అంశానికి ఒక ప్రత్యేక id నిర్దేశించండి. నామకరణ నియమం:
|
మరిన్ని ఉదాహరణలు
ఉదాహరణ 2
ఆయోమాన అంశం వినియోగించి పేజీలోని ప్రత్యేక id వాల్యూమును సంధానించండి:
<h2><a id="top">కొన్ని పేరు</a></h2> <p>చాలా చాలా పాఠం ....</p> <p>చాలా చాలా పాఠం ....</p> <p>చాలా చాలా పాఠం ....</p> <a href="#top">తిరిగి అధిరోహించండి</a>
例子 3
使用 id 属性通过 CSS 样式化文本:
CodeW3C.com 是最棒的!
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 hidden
- 下一页 inert
- 返回上一层 హ్టీఎంఎల్ గ్లోబల్ అట్రిబ్యూట్స్