HTML DOM Element getElementsByTagName() طریقہ کار

تعریف و استعمال

getElementsByTagName() طریقہ کار نکات کا مجموعہ (لیسٹ) واپس لائیں جو مخصوص علامت نام کو رکھتا ہے، NodeList عیناتی کے طور پر.

نکاح:پارامتر کا مرادئ "*" عنصر کا تمام ذیلی عنصر واپس لائیں.

مزید دیکھئے:

getElementsByClassName() طریقہ کار

querySelector() طریقہ کار

querySelectorAll() طریقہ کار

NodeList

NodeList یہ مشابہ تعداد والی نکات کا مجموعہ (لیسٹ) ہوتا ہے.

آپ لیسٹ میں نکات کو انڈیکس (آنداز) کے ذریعے رسائی حاصل کرسکتے ہیں. انڈیکس سے شروع ہوتا ہے.

length خاصیتلیسٹ میں نکات کی تعداد واپس لائیں.

مثال

مثال 1

لیسٹ میں پہلے <li> عنصر کا HTML مواد بدل دیں:

const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";

آپ خود سنجیدہ کریں

مثال 2

مستند "myDIV" میں <p> عناصر کی تعداد:

const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;

آپ خود سنجیدہ کریں

مثال 3

مستند "myDIV" میں دوسرے <p> عنصر کا فون ٹائپ سائز بدل دیں:

const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";

آپ خود سنجیدہ کریں

مثال 4

مستند "myDIV" میں تمام <p> عناصر کا پس منظر رنگ بدل دیں:

const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

آپ خود سنجیدہ کریں

مثال 5

مستند "myDIV" میں چوتھا عنصر (انڈیکس 3) کا پس منظر رنگ بدل دیں:

const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";

آپ خود سنجیدہ کریں

مثال 6

استعمال کیا جائے "*" پارامتر، "myDIV" میں تمام عناصر کی پس منظر رنگ بدل دیں:

const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

آپ خود سنجیدہ کریں

شرح

element.getElementsByTagName(tagname)

پارامتر

پارامتر وصف
tagname وسیع طور پر ضروری ہے۔ بچوں کی تیگ نام کا نمائندہ ہے۔

بازگشت کا مفرد

کسی نوعیت کا وصف
NodeList

دینامائی تیار کردہ عناصر کا بچوں کا تجربہ کیا جائے گا، جو معین کی گئی تیگ نام کا نمائندہ ہوتا ہے۔

عناصر کو وہوں سے وہ آئندہ آئیں جائیں گے کی ترتیب میں ترتیب دی گئی ہے۔

تکنیکی تفصیلات

getElementsByTagName() طریق کا استعمال کیا جائے گا، معین کی گئی عناصر کا بچوں کا تجربہ کیا جائے گا، اور Element عناصر کا ایک ایک آرایئی جو NodeList اور سائٹ کی قیمتیابی کا نمائندہ ہوتا ہے، جو تمام معین کی گئی تیگ نام والے ڈاکومن عناصر کا نمائندہ ہوتا ہے، عناصر کا آرایئی ان کی تیگ نام کی تیار کردہ ترتیب میں ہوتا ہے، یعنی وہوں سے وہ آئندہ آئیں جائیں گے کی طرح آئیں گے۔

توجہ دینا

دوکومن رابطہبھی معین کیا گیا ہے getElementsByTagName() طریق، یہ اس کے ساتھ مشابه ہے، لیکن پورا ڈاکومن کا تجربہ کرتا ہے، نہ کہ کسی عناصر کے بچوں کا تجربہ کرتا ہے۔

اس طریق کو نہ لین دھون HTMLDocument.getElementsByName() طریق مخالف فرق کیا جائے، دوسرا اس کی بنیاد پر element کی name خاصیت کی قیمتیابی پر اپنے عناصر کو تلاش کرتا ہے، نہ کہ ان کی ٹیگ نام پر تلاش کرتا ہے۔

براوزر پشتیبندگی

تمام براوزرز اس پر پشتیبند ہیں element.getElementsByTagName():

کروم آئی ای ایج فائر فاکس سافری اوپرا
کروم آئی ای ایج فائر فاکس سافری اوپرا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی