HTML DOM Element getElementsByTagName() ਮੈਥਡ

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

getElementsByTagName() ਮੈਥਡ ਇੱਕ ਨਿਰਦਿਸ਼ਟ ਟੈਗ ਨਾਮ ਵਾਲੇ ਐਲੀਮੈਂਟ ਪੁੱਤਰਾਂ ਦਾ ਕੈਸੈਟ (List) ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਜੋ NodeList ਵਿੱਚ ਹੈ。

ਸੁਝਾਅ:ਪੈਰਾਮੀਟਰ ਮੁੱਲ "*" ਇਹ ਐਲੀਮੈਂਟ ਦੇ ਸਾਰੇ ਪੁੱਤਰ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਇਹ ਵੀ ਦੇਖੋ:

getElementsByClassName() ਮੈਥਡ

querySelector() ਮੈਥਡ

querySelectorAll() ਮੈਥਡ

NodeList

NodeList ਇਹ ਸਮਾਨ ਰੂਪ ਵਾਲੇ ਨੋਡ ਕੈਸੈਟ (ਸੂਚੀ) ਹੈ。

ਤੁਸੀਂ ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਨੂੰ ਸਿੱਧੇ ਸਿੱਧੇ ਚਿਹਨ (index) ਰਾਹੀਂ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ। ਚਿਹਨ 0 ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。

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() ਮੈਥਡ ਵਿਸ਼ੇਸ਼ ਏਜੰਟ ਦੇ ਵੰਸ਼ ਪੁਨਰਵਿਗਿਆਨ ਨੂੰ ਪਰਦਾਫਾਸ਼ ਕਰੇਗਾ, ਇੱਕ ਏਜੰਟ ਨੂੰ ਕਰਤਾ ਵਾਲੇ ਨੂੰ ਦਿਖਾਵੇਗਾ (ਜਿਸ ਵਿੱਚ ਇਹ ਨੂੰ NodeList ਆਪਣਾ ਹੈ), ਜਿਸ ਵਿੱਚ ਸਾਰੇ ਨਾਮ ਵਾਲੇ ਏਜੰਟ ਦਸਤਾਵੇਜ਼ ਦੇ ਇਲਾਕੇ ਵਿੱਚ ਪ੍ਰਤੀਯੋਗਿਤਾ ਕਰਦੇ ਹਨ।ਏਜੰਟ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕਿਸਮ ਉਸ ਦੇ ਸਰੋਤ ਸਾਇਟ ਵਿੱਚ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕਿਸਮ ਨੂੰ ਦਿਖਾਵੇਗਾ。

ਧਿਆਨ ਦਿਓ

Document ਇੰਟਰਫੇਸਵੀ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ getElementsByTagName() ਮੈਥਡਇਹ ਇਸ ਨਾਲ ਸਮਾਨ ਹੈ, ਪਰ ਇਹ ਪੂਰੇ ਦਸਤਾਵੇਜ਼ ਦਾ ਪਰਦਾਫਾਸ਼ ਕਰਦਾ ਹੈ, ਨਹੀਂ ਕਿ ਕਿਸੇ ਇੱਕ ਏਜੰਟ ਦੇ ਵੰਸ਼ ਪੁਨਰਵਿਗਿਆਨ ਨੂੰ ਪਰਦਾਫਾਸ਼ ਕਰਦਾ ਹੈ。

ਇਹ ਮੈਥਡ ਨਾ ਦੁਹਰਾਓ HTMLDocument.getElementsByName() ਮੈਥਡ ਮਿਲਣ ਵਾਲੇ, ਇਹ ਦੂਜੇ ਨਾਲ ਗਲਤੀ ਨਾ ਕਰੋ, ਇਹ ਇਸ ਮੱਥਾ ਨਾਲ ਬੇਨਤੀ ਕਰਦਾ ਹੈ ਕਿ ਉਹ ਏਜੰਟ ਦੇ ਨਾਮ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਨਹੀਂ ਚੁਣਦਾ ਹੈ, ਬਲਕਿ ਉਨ੍ਹਾਂ ਦੇ ਟੈਗ ਨਾਮ ਨੂੰ ਚੁਣਦਾ ਹੈ。

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਨੂੰ ਸਮਰਥਨ ਹੈ element.getElementsByTagName()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ