HTML DOM Element firstElementChild کی اپریشن

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

firstElementChild کی اپریشن مقرر کی اپنے پہلے ذیلی عنصر کو واپس لیندی ہے.

firstElementChild کی اپریشن ابھارتی نہیں ہوتی.

firstElementChild کی اپریشن واپس لیندی ہے children[0] ایک ہی قدر.

مزید دیکھئے:

children کی اپریشن

childElementCount کی اپریشن

lastElementChild کی اپریشن

tagName ਪ੍ਰਤੀਯੋਗਿਤਾ

childNodes ਪ੍ਰਤੀਯੋਗਿਤਾ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਪਹਿਲੇ ਬੱਚੇ ਦਾ HTML ਸਮੱਗਰੀ ਪ੍ਰਾਪਤ ਕਰੋ:

let text = element.firstElementChild.innerHTML;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

"myDIV" ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਦਾ ਟੈਗ ਨਾਮ ਪ੍ਰਾਪਤ ਕਰੋ:

let text = document.getElementById("myDIV").firstElementChild.tagName;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਸੈਲੈਕਟ ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਦਾ ਟੈਕਸਟ ਪ੍ਰਾਪਤ ਕਰੋ:

let text = document.getElementById("mySelect").firstElementChild.text;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

HTML ਨੋਡ ਅਤੇ ਐਲੀਮੈਂਟ

ਵਿੱਚ HTML DOMDOM (ਦਾਖਲ ਵਸਤੂ ਮਾਡਲ) ਵਿੱਚ, HTML ਦਾਖਲ ਵਸਤੂ ਸਾਰੇ ਬੱਚੇ ਵਾਲੇ ਨੋਡ ਦਾ ਸਮੂਹ ਹੈ ਜੋ ਕਿ ਬੱਚੇ ਵਾਲੇ ਹਨ (ਜਾਂ ਨਹੀਂ ਹਨ)。

ਨੋਡਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ ਦਾ ਮਤਲਬ ਹੈ。

ਐਲੀਮੈਂਟਐਲੀਮੈਂਟ ਵਿੱਚ ਵਿਆਜ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。

ਐਲੀਮੈਂਟ ਸਿਰਫ ਐਲੀਮੈਂਟ ਨੋਡ ਹੈ。

ਬੱਚੇ ਅਤੇ ਬੱਚੇ ਐਲੀਮੈਂਟ

childNodes ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ) ਵਾਪਸ ਦਿੱਤੇ ਜਾਣਗੇ。

children ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਟੈਕਸਟ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ ਵਾਪਸ ਨਹੀਂ ਦਿੱਤੇ ਜਾਣਗੇ。

firstChild ਅਤੇ firstElementChild

firstChild ਪਹਿਲਾ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਜਾਂ ਨਾਮਕਰਣ ਨੋਡ) ਅਤੇ ਐਲੀਮੈਂਟ ਵਿੱਚ ਵਿਆਜ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。

firstElementChild ਪਹਿਲਾ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ ਵਾਪਸ ਨਹੀਂ ਦਿੱਤੇ ਜਾਣਗੇ。

lastChild ਅਤੇ lastElementChild

lastChild ਆਖਰੀ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਜਾਂ ਨਾਮਕਰਣ ਨੋਡ) ਅਤੇ ਐਲੀਮੈਂਟ ਵਿੱਚ ਵਿਆਜ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。

lastElementChild ਆਖਰੀ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾਬੱਚੇਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ ਵਾਪਸ ਨਹੀਂ ਦਿੱਤੇ ਜਾਣਗੇ。

ਵਾਕਬੋਲੀ

element.firstElementChild

ਵਾਪਸ ਦਿੱਤਾ ਜਾਣ ਵਾਲਾ ਮੁੱਲ

ਪ੍ਰਕਾਰ ਵਰਣਨ
Node ਬੱਚੇ ਦਾ ਪਹਿਲਾ ਬੱਚਾ ਹੈ。 ਅਗਰ ਕੋਈ ਬੱਚਾ ਨਹੀਂ ਹੈ ਤਾਂ null ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ。

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

element.firstElementChild ਇਹ DOM Level 3 (2004) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

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