HTML DOM Document getElementsByClassName() ਮੱਥਦਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

getElementsByClassName() ਮੱਥਦਾ ਇੱਕ ਸ਼ਾਰਟ ਵਰਗ ਵਾਲੇ ਇਲੈਕਟ੍ਰੋਨਜ਼ ਦਾ ਸਮੂਹ ਵਾਪਸ ਦਿੰਦੀ ਹੈ。

getElementsByClassName() ਮੱਥਦਾ HTMLCollection.

getElementsByClassName() ਪੈਟਰੀ ਹੈ ਅਤੇ ਪੜ੍ਹਣ ਯੋਗ ਹੈ。

HTMLCollection

HTMLCollection ਹੈਲਟੀ ਈਲੈਕਟ੍ਰੋਨਜ਼ ਦਾ ਅਨੁਰੂਪ ਨਾਮਕ ਸਮੂਹ (ਲਿਸਟ) ਹੈ。

ਸਮੂਹ ਵਿੱਚ ਇਲੈਕਟ੍ਰੋਨਜ਼ ਨੂੰ ਇੰਡੈਕਸ ਰਾਹੀਂ ਪਹੁੰਚ ਸਕਦੇ ਹਨ (0 ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ)。

length ਪੈਟਰੀ ਮੁੱਲ ਸਮੂਹ ਵਿੱਚ ਇਲੈਕਟ੍ਰੋਨਜ਼ ਦੀ ਗਿਣਤੀ ਵਾਪਸ ਦਿੰਦੀ ਹੈ。

ਇਹ ਵੀ ਦੇਖੋ:

getElementById() ਮੱਥਦਾ

getElementsByTagName() ਮੱਥਦਾ

querySelector() ਮੱਥਦਾ

querySelectorAll() ਮੱਥਦਾ

HTMLCollection ਆਬਜੈਕਟ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

class="example" ਵਾਲੇ ਸਾਰੇ ਇਲੈਕਟ੍ਰੋਨਜ਼ ਪ੍ਰਾਪਤ ਕਰੋ:

const collection = document.getElementsByClassName("example");

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜਿਹੜੇ ਅਤੇ ਇਕੱਠੇ "example" ਅਤੇ "color" ਵਰਗ ਵਾਲੇ ਸਾਰੇ ਇਲੈਕਟ੍ਰੋਨਜ਼ ਪ੍ਰਾਪਤ ਕਰੋ:

const collection = document.getElementsByClassName("example color");

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 3

class="example" ਏਜੈਂਟਾਂ ਦੀ ਗਿਣਤੀ:

let numb = document.getElementsByClassName("example").length;

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 4

ਸਾਰੇ class="example" ਏਜੈਂਟਾਂ ਦੇ ਪਿੱਛੇ ਰੰਗ ਬਦਲੋ:

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਥਕਾਰੀ

document.getElementsByClassName("example")ਪੈਰਾਮੀਟਰ)

)

) ਵਰਣਨ
ਪੈਰਾਮੀਟਰ

classname

ਲਾਜ਼ਮੀ। ਏਜੈਂਟ ਦਾ ਕਲਾਸ ਨਾਮ

ਬਾਹਰੀ ਕ੍ਰਮ ਵਿੱਚ ਖੁੱਲ੍ਹੇ ਵਾਲੇ ਕਈ ਕਲਾਸ ਨਾਮਾਂ ਦੀ ਜਾਂਚ ਕਰੋ, ਉਦਾਹਰਣ ਲਈ "ਟੈਸਟ ਡੇਮੋ"

ਇੰਤਜਾਮ ਵਰਣਨ
ਆਬਜੈਕਟ

HTMLCollection ਆਬਜੈਕਟ

ਨਿਰਦਿਸ਼ਟ ਕਲਾਸ ਨਾਮ ਵਾਲੇ ਏਜੈਂਟਾਂ ਦਾ ਕੋਲੈਕਸ਼ਨ

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਦੀ ਕਿਸਮ ਦੇ ਅਨੁਸਾਰ ਏਜੈਂਟਾਂ ਨੂੰ ਕਰਨ ਵਾਲਾ ਕਰਨਾ ਹੈ。

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

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

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

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

ਸਬੰਧਤ ਪੰਨੇ

CSS ਸਿੱਖਿਆ:CSS ਵਿਧਾਨ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:CSS .class ਚੋਣਕਾਰ

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:element.getElementsByClassName()

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:className ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:classList ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:Style ਆਬਜੈਕਟ