HTML DOM Element lastElementChild ਪ੍ਰਤੀਯੋਗਿਤਾ
- ਪਹਿਲਾਂ ਦਾ ਪੰਨਾ lastChild
- ਅਗਲਾ ਪੰਨਾ matches()
- ਪਿੱਛੇ ਲੈਂਡਰ HTML DOM Elements ਆਬਜੈਕਟ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
lastElementChild ਪ੍ਰਤੀਯੋਗਿਤਾ ਐਲੀਮੈਂਟ ਦੇ ਆਖਰੀ ਉਪ ਐਲੀਮੈਂਟ ਨੂੰ ਵਾਪਸ ਦਿੰਦੀ ਹੈ।
lastElementChild ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਿਰਫ ਪੜ੍ਹਨ ਵਾਲੀ ਹੈ।
ਹੋਰ ਦੇਖੋ:
HTML ਨੋਡ ਅਤੇ ਐਲੀਮੈਂਟ
ਵਿੱਚ HTML DOM（文档对象模型）ਵਿੱਚ، ਐੱਚਟੀਐੱਮਐੱਲ ਦਸਤਾਵੇਜ਼ ਹੈਂਡਸ ਜਾਂ ਨਹੀਂ ਹੋਣ ਵਾਲੇ ਉਪ ਨੋਡ ਦਾ ਕਲੈਕਸ਼ਨ ਹੈ।
ਨੋਡਇਲੈਕਟਰਨ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਖਰੀ ਨੋਡ ਨੂੰ ਦਿੰਦਾ ਹੈ।
ਇਲੈਕਟਰਨਇਲੈਕਟਰਨ ਦਰਮਿਆਨ ਦਾ ਸਫਾਈ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。
ਜਦੋਂਕਿ ਇਲੈਕਟਰਨ ਸਿਰਫ਼ ਇਲੈਕਟਰਨ ਨੋਡ ਹੈ。
ਬੱਚੇ ਨੋਡ ਅਤੇ ਬੱਚੇ ਇਲੈਕਟਰਨ
childNodes ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਨੋਡਇਲੈਕਟਰਨ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਖਰੀ ਨੋਡ)।
children ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਇਲੈਕਟਰਨਟੈਕਸਟ ਅਤੇ ਨਾਖਰੀ ਨੋਡ ਨਹੀਂ (ਸਿਰਫ਼ ਇਲੈਕਟਰਨ ਨੋਡ)।
firstChild ਅਤੇ firstElementChild
firstChild ਪਹਿਲੀ ਬੱਚੇ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਨੋਡਇਲੈਕਟਰਨ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਜਾਂ ਨਾਖਰੀ ਨੋਡ)। ਇਲੈਕਟਰਨ ਦਰਮਿਆਨ ਦਾ ਸਫਾਈ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。
firstElementChild ਪਹਿਲੀ ਬੱਚੇ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਇਲੈਕਟਰਨਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਖਰੀ ਨੋਡ ਵਾਪਸ ਨਹੀਂ ਦਿੰਦੇ ਹਨ。
lastChild ਅਤੇ lastElementChild
lastChild ਆਖਰੀ ਬੱਚੇ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਨੋਡਇਲੈਕਟਰਨ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਜਾਂ ਨਾਖਰੀ ਨੋਡ)। ਇਲੈਕਟਰਨ ਦਰਮਿਆਨ ਦਾ ਸਫਾਈ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。
lastElementChild ਆਖਰੀ ਬੱਚੇ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈਬੱਚੇ ਇਲੈਕਟਰਨਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਖਰੀ ਨੋਡ ਵਾਪਸ ਨਹੀਂ ਦਿੰਦੇ ਹਨ。
ਇੰਸਟੈਂਸ
ਉਦਾਹਰਣ 1
ਯੂਐੱਲ ਇਲੈਕਟਰਨ ਦੇ ਆਖਰੀ ਬੱਚੇ ਦਾ ਐੱਚਟੀਐੱਮਐੱਲ ਪ੍ਰਾਪਤ ਕਰੋ:
const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;
ਉਦਾਹਰਣ 2
ਡਿਵ ਇਲੈਕਟਰਨ ਦੇ ਆਖਰੀ ਬੱਚੇ ਦੇ ਟੈਗ ਨਾਮ ਪ੍ਰਾਪਤ ਕਰੋ:
const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;
ਉਦਾਹਰਣ 3
ਸੈਲੈਕਟ ਇਲੈਕਟਰਨ ਦੇ ਆਖਰੀ ਬੱਚੇ ਦਾ ਟੈਕਸਟ ਪ੍ਰਾਪਤ ਕਰੋ:
const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;
ਗਰੰਥ
element.lastElementChild
ਵਾਪਸ ਲਿਆਉਣ ਵਾਲਾ ਮੁੱਲ
| ਇਸ਼ਤਿਹਾਰ | ਵਰਣਨ |
|---|---|
| ਨੋਡ | ਇਲੈਕਟਰਨ ਦੇ ਆਖਰੀ ਬੱਚੇ ਦਾ ਪਿੰਡ |
| null | ਜੇਕਰ ਕੋਈ ਬੱਚਾ ਨਹੀਂ ਹੈ। |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
element.lastElementChild ਇਹ DOM Level 3 (2004) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。
ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:
| ਚਰਮੋਕ | IE | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|---|
| ਚਰਮੋਕ | IE | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| ਸਮਰਥਨ | 9-11 | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਹਿਲਾਂ ਦਾ ਪੰਨਾ lastChild
- ਅਗਲਾ ਪੰਨਾ matches()
- ਪਿੱਛੇ ਲੈਂਡਰ HTML DOM Elements ਆਬਜੈਕਟ
