HTML DOM Document getElementById() పద్ధతి

నిర్వచనం మరియు ఉపయోగం

getElementById() పద్ధతి ప్రత్యేక id గల మూలకాన్ని పొందుతుంది.

మూలకం ఉండకపోతే:getElementById() పద్ధతి అనేది పొందుతుంది null。

getElementById() పద్ధతి అనేది HTML DOM లో అత్యంత ఉపయోగించే పద్ధతులలో ఒకటి. మీరు ఎప్పుడైనా HTML మూలకాన్ని చదవడానికి లేదా మార్చడానికి కావాలి ఉన్నప్పుడు దాన్ని ఉపయోగిస్తారు.

గమనిక

ఏ కేసులోనైనా id సంఖ్యామానం ఉండాలి, కానీ:

రెండు లేదా మరికొన్ని అదే id గల మూలకాలు ఉంటే: getElementById() మొదటి ని పొందండి.

మరియు చూడండి:

getElementsByTagName() మాదిరి పద్ధతి

getElementsByClassName() మాదిరి పద్ధతి

querySelector() మాదిరి పద్ధతి

querySelectorAll() మాదిరి పద్ధతి

ఇన్స్టాన్స్

ఉదాహరణ 1

ప్రత్యేక id గల మూలకాన్ని పొందండి:

document.getElementById("demo");

亲自试一试

ఉదాహరణ 2

మూలకాన్ని పొంది రంగును మార్చండి:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

亲自试一试

ఉదాహరణ 3

లేదా మాత్రమే రంగును మార్చండి:

document.getElementById("demo").style.color = "red";

亲自试一试

语法

document.getElementById(elementId)

参数

参数 描述
elementId 必需。元素的 id 值。

返回值

类型 描述
对象

拥有指定 id 的元素。

如果未找到，则返回 null。

技术细节

getElementById() 方法是一个重要的常用方法，因为它为获取表示指定的文档元素的 Element 对象提供了简便的方法。

该方法将检索 id 属性的值为 elementId ఈ పద్ధతి ఆయా id అట్రిబ్యూట్ విలువను పొందుతుంది. nullయొక్క id అట్రిబ్యూట్ విలువ ప్రకారం కనుగొనబడింది, ఉన్నప్పుడు ఈ పద్ధతి అలాంటి ఎలిమెంట్ నోడ్ని తిరిగి వెళ్ళదు. ఏమీ కనుగొనలేకపోయినట్లయితే, ఈ పద్ధతి అలాంటి ఎలిమెంట్ నోడ్ని తిరిగి వెళ్ళదు. elementId యొక్క ఎలిమెంట్ నోడ్, ఇది అలాంటి ఎలిమెంట్ నోడ్ని సంచారంగా తిరిగి వెళ్ళగలదు లేదా అలాంటి ఎలిమెంట్ నోడ్ని తిరిగి వెళ్ళదు. null。

గమనిక:ఈ పద్ధతి పేరు మొదటి అక్షరం Id ముగింపు, కాదు IDసరిగ్గా వ్రాయండి!

హెచ్చిఎమ్ఎల్ డాక్యుమెంట్ లో, ఈ పద్ధతి ఎప్పటికీ ప్రత్యేకంగా నిర్దేశించిన id యొక్క అట్రిబ్యూట్ను పొందుతుంది. దయచేసి HTMLDocument.getElementByName() పద్ధతి, వాటి నామ్ అట్రిబ్యూట్ లో విలువను ఆధారంగా హెచ్చిఎమ్ఎల్ ఎలిమెంట్స్ ను కనుగొంటుంది.

XML డాక్యుమెంట్ లో, ఈ పద్ధతి ప్రత్యేకంగా id రకం యొక్క ఏ అనునదితోనూ అన్ని సంకేతాలను కనుగొంటుంది. మరియు పారిభాషకుడు తిరస్కరించినప్పుడు లేదా డాక్యుమెంట్ యొక్క DTD యొక్క స్థానాన్ని కనుగొనలేనిది ఉన్నప్పుడు ఈ పద్ధతి ఎల్లప్పుడూ nullకానీ క్లయింట్ సెంటర్ జావాస్క్రిప్ట్ లో ఈ పద్ధతి సాధారణంగా ఎక్కువగా వినియోగించబడదు. అసలైనంతలో,getElementById() ఈ పద్ధతి మొదటిసారి హెచ్చిఎమ్ఎల్ డాక్యుమెంట్ ఇంటర్ఫేస్ లో భాగంగా నిర్వచించబడింది, కానీ తరువాతి 2 వ స్థాయి DOM లో డాక్యుమెంట్ ఇంటర్ఫేస్ లోకి చేరబడింది.

బ్రౌజర్ మద్దతు

document.getElementById() ఇది DOM Level 2 (2001) లక్షణం.

అన్ని బ్రౌజర్లు దానిని మద్దతు చేస్తాయి:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు

సంబంధిత పేజీలు

CSS శిక్షణాదర్శం:సిఎస్ఎస్ సింథాక్సిస్

CSS పరిచయం పుస్తకం:సిఎస్ఎస్ అయిడ్ సెలెక్టర్

HTML DOM పరిచయం పుస్తకం:HTML DOM id లక్షణం

HTML DOM పరిచయం పుస్తకం:HTML DOM Style ఆబ్జెక్ట్