HTML DOM Document getElementsByTagName() ਮੈਥਡ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

getElementsByTagName() ਮੈਥਡ ਵਾਪਸ ਵਿਸ਼ੇਸ਼ ਟੈਗ ਨਾਮ ਵਾਲੇ ਸਾਰੇ ਅੰਤਰਿਕਸ਼ਣਾਂ ਦਾ ਸਮੂਹ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

getElementsByTagName() ਮੈਥਡ ਵਾਪਸ ਦਿੰਦਾ ਹੈ HTMLCollection.

getElementsByTagName() ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ ਸਿਰਫ ਲੜੀ ਵਾਲਾ ਹੈ。

ਟਿੱਪਣੀ:getElementsByTagName("*") ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਾਰੇ ਅੰਤਰਿਕਸ਼ਣਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

HTMLCollection

HTMLCollection ਹੈਲਟੀ ਅੰਤਰਿਕਸ਼ਣਾਂ ਦਾ ਸਮਾਨ ਤਰ੍ਹਾਂ ਦਾ ਮੈਗਜ਼ੇਨ ਕਾਲੀਕਸ਼ਨ (ਲਿਸਟ) ਹੈ。

ਸਮੂਹ ਵਿੱਚ ਅੰਤਰਿਕਸ਼ਣਾਂ ਨੂੰ ਸਿਖਰਣਾਂ ਰਾਹੀਂ ਪਹੁੰਚ ਸਕਦੇ ਹਨ (0 ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ)。

length ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮੂਹ ਵਿੱਚ ਅੰਤਰਿਕਸ਼ਣਾਂ ਦਾ ਸਿਖਰਣਾਂ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਿੰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

getElementById() ਮੈਥਡ

getElementsByClassName() ਮੈਥਡ

querySelector() ਮੈਥਡ

querySelectorAll() ਮੈਥਡ

HTMLCollection ਆਬਜੈਕਟ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਟੈਗ ਨਾਮ "li" ਵਾਲੇ ਸਾਰੇ ਅੰਤਰਿਕਸ਼ਣਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

const collection = document.getElementsByTagName("li");

亲自试一试

ਉਦਾਹਰਣ 2

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਾਰੇ ਅੰਤਰਿਕਸ਼ਣਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

const collection = document.getElementsByTagName("*");

亲自试一试

ਉਦਾਹਰਣ 3

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪਹਿਲੇ <p> ਅੰਤਰਿਕਸ਼ਣ ਦਾ ਅੰਦਰੂਨੀ HTML ਬਦਲੋ:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

亲自试一试

ਉਦਾਹਰਣ 4

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ <li> ਅੰਤਰਿਕਸ਼ਣਾਂ ਦਾ ਸਿਖਰਣਾਂ:

let numb = document.getElementsByTagName("li").length;

亲自试一试

ਉਦਾਹਰਣ 5

ਸਾਰੇ <p> ਅੰਤਰਿਕਸ਼ਣਾਂ ਦਾ ਪਿੱਨਾਂ ਰੰਗ ਬਦਲੋ:

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

亲自试一试

语法

document.getElementsByTagName(tagName)

参数

参数 描述
tagName 必需。元素的标记名。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定标签名称的元素的集合。

按照元素在文档中出现顺序进行排序。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਇਹ ਮੈਟਾਡਾਟਾ ਲਾਬ ਆਬਜੈਕਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ (ਜਿਸ ਨੂੰ ਰੀਡ-ਓਨਲੀ ਆਰਰੇ ਦੇ ਤੌਰ 'ਤੇ ਹੰਦਾ ਹੈ), ਜਿਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਨਾਮ ਵਾਲੇ ਟੈਗ ਦੇ ਸਾਰੇ Element ਨੂੰ ਰੱਖਿਆ ਗਿਆ ਹੈ, ਉਹਨਾਂ ਦੀ ਕਿਸਮ ਸਰੋਤ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਉਨ੍ਹਾਂ ਦੇ ਆਉਣ ਵਾਲੇ ਕਿਸਮ ਦੇ ਅਨੁਸਾਰ ਹੈ。

NodeList ਆਬਜੈਕਟ ਇੱਕ 'ਜ਼ਿੰਦਾ' ਆਬਜੈਕਟ ਹੈ, ਜਿਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਿਸੇ ਵੀ ਟੈਗ ਨਾਮ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਹੋਣ ਅਤੇ ਹਟਣ ਨਾਲ ਸਵੈ-ਚੈਂਜ ਹੁੰਦਾ ਹੈ。

HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਮਾਲੀਕੀ ਹਾਰਫਜ਼ ਨੂੰ ਨਹੀਂ ਬਦਲਦਾ ਹੈ, ਇਸ ਲਈ ਕਿਸੇ ਮਾਲੀਕੀ ਹਾਰਫਜ਼ ਦੇ ਨਾਲ ਵੀ ਸਮਾਨ ਰੂਪ ਵਿੱਚ ਸੁਝਾਅ ਦੇ ਸਕਦੇ ਹਨ tagNameਇਹ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਾਰੇ ਨਾਮ ਵਾਲੇ ਟੈਗ ਨਾਲ ਮੱਤਲਬ ਲੈਂਦਾ ਹੈ, ਚਾਹੇ ਉਹ ਸਰੋਤ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਿਸ ਹਾਰਫਜ਼ ਵਿੱਚ ਆਇਆ ਹੋਵੇ ਨਾਲ ਵੀ। ਪਰ XML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਮਾਲੀਕੀ ਹਾਰਫਜ਼ ਨੂੰ ਬਦਲਦਾ ਹੈtagName ਸਿਰਫ ਸਰੋਤ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਨਾਮ ਅਤੇ ਮਾਲੀਕੀ ਹਾਰਫਜ਼ ਦੇ ਨਾਲ ਮੱਤਲਬ ਲੈਂਦਾ ਹੈ。

ਸੁਝਾਅ:Element ਇੰਟਰਫੇਸ ਇੱਕ ਨਾਮ ਵਾਲਾ ਮੈਥਡ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਕੇਵਲ ਦਸਤਾਵੇਜ਼ ਦੇ ਉਪ ਵੱਡੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਖੋਜ ਕਰਦਾ ਹੈ। ਹੋਰ ਤੌਰ 'ਤੇ HTMLDocument ਇੰਟਰਫੇਸ ਇੱਕ ਨਾਮ ਵਾਲਾ ਮੈਥਡ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ getElementByName() ਮੈਥਡਇਹ name ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਮੁੱਲ 'ਤੇ ਅਧਾਰਤ ਹੈ (ਟੈਗ ਨਾਮ ਦੀ ਥਾਂ ਨਾਲ ਨਹੀਂ) ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਖੋਜ ਕਰਦਾ ਹੈ。

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

document.getElementsByTagName() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

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

ਸਬੰਧਤ ਪੰਨੇ

JavaScript ਸੰਦਰਭ ਮੁੱਦਾ:element.getElementsByTagName()

JavaScript ਟੂਰ:JavaScript HTML DOM ਨੋਟ ਸੂਚੀ