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 的 Element 节点，并将它返回。如果没有找到这样的元素 Element，它将返回 null。id 属性的值在文档中是唯一的，如果该方法找到多个拥有指定 elementId 的 Element 节点，它将随机返回一个这样的 Element 节点，或者返回 null。

注意：该方法的名称以 Id 结尾，不是 ID，不要拼错！

在 HTML 文档中，该方法总是检索拥有指定 id 的属性。请使用 HTMLDocument.getElementByName() ਮੰਥਰ ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ name ਲੋੜ ਦੇ ਮੁੱਲ ਦੇ ਅਧਾਰ 'ਤੇ ਲੱਭਣ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

XML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇਹ ਮੰਥਰ ਤਰ੍ਹਾਂ id ਦੇ ਕਿਸੇ ਵੀ ਲੋੜ ਦੀ ਉਸ ਲੋੜ ਨੂੰ ਲੱਭਣ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਚਾਹੇ ਉਸ ਲੋੜ ਦਾ ਨਾਮ ਕੀ ਹੋਵੇ ਜਾਂ ਨਹੀਂ। ਅਗਰ XML ਲੋੜ ਦੀ ਕਿਸਮ ਅਣਪਛਾਤੀ ਹੈ (ਜਿਵੇਂ ਕਿ XML ਪਾਰਸਰ ਨੇ ਇਸਨੂੰ ਅਣਦੇਖਿਆ ਹੋਵੇ ਜਾਂ ਨਹੀਂ ਸਥਾਪਿਤ ਕੀਤਾ ਹੋਵੇ ਜਾਂ ਸਥਾਪਿਤ ਕਰਨਾ ਮੁਸ਼ਕਿਲ ਹੋਵੇ) nullਕਲਾਇੰਟ ਸਾਈਡ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਇਹ ਮੰਥਰ ਸਾਧਾਰਨ ਤੌਰ 'ਤੇ XML ਦਸਤਾਵੇਜ਼ ਦੇ ਨਾਲ ਇਸਤੇਮਾਲ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ। ਇਸ ਤੋਂ ਇਲਾਵਾ،getElementById() ਮੰਥਰ ਪਹਿਲਾਂ HTMLDocument ਇੰਟਰਫੇਸ ਦਾ ਮੈਂਬਰ ਬਣਾਇਆ ਗਿਆ ਸੀ, ਪਰ ਬਾਅਦ ਵਿੱਚ 2 ਜੀਡੀਐਮ ਵਿੱਚ Document ਇੰਟਰਫੇਸ ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਸੀ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

document.getElementById() ਇਹ DOM Level 2 (2001) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮ IE ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮ IE ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

ਸਬੰਧਤ ਪੰਨੇ

CSS ਟੂਰCSS ਦੀ ਗਰੰਥ ਵਿਗਿਆਨ

CSS ਸੰਦਰਭ ਮੁੱਦਾਵਾਂਕਰਨਾਂਕਰਨਾਂCSS #id ਚੋਣਕਾਰ

HTML DOM ਸੰਦਰਭ ਮੁੱਦਾਵਾਂਕਰਨਾਂਕਰਨਾਂਕਰਨਾਂਕਰਨਾਂHTML DOM id ਲੋੜ

HTML DOM ਸੰਦਰਭ ਮੁੱਦਾਵਾਂਕਰਨਾਂਕਰਨਾਂਕਰਨਾਂਕਰਨਾਂایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ