HTML DOM Element parentElement ਪ੍ਰਤੀਯੋਗਿਤਾ

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

parentElement ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵਾਪਸ ਦਿੰਦੀ ਹੈ。

parentElement ਅਤੇ parentNode ਦਾ ਅਲਗ ਹੈ, ਜੇਕਰ ਪੈਰੈਂਟ ਨੋਡ ਐਲੀਮੈਂਟ ਨੋਡ ਨਹੀਂ ਹੈ ਤਾਂ parentElement ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ null：

document.body.parentNode; // ਵਾਪਸ <html> ਐਲੀਮੈਂਟ
document.body.parentElement; // ਵਾਪਸ <html> ਐਲੀਮੈਂਟ
document.documentElement.parentNode; // ਵਾਪਸ ਦਸਤਾਵੇਜ਼ ਨੋਡ
document.documentElement.parentElement; // ਵਾਪਸ null (html ਪੈਰੈਂਟ ELEMENT ਨੋਡ ਨਹੀਂ ਹੈ)

ਮੋਟੇ ਤੌਰ 'ਤੇ, ਕਿਸ ਪ੍ਰਕਾਰ ਦਾ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਰਤਣਾ ਮਹੱਤਵਪੂਰਨ ਨਹੀਂ ਹੈ, ਪਰ parentNode ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਹੋ ਸਕਦੀ ਹੈ。

ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਿਰਫ ਪੜ੍ਹਨ ਵਾਲੀ ਹੈ。

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

ਵਿੱਚ HTML DOMDOM (Document Object Model) ਵਿੱਚ, HTML ਦਸਤਾਵੇਜ਼ ਸਮੂਹ ਹੈ ਜੋ ਉਪ ਨੋਡ (ਜਾਂ ਨਹੀਂ) ਰੱਖਦਾ ਹੈ।

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

ਐਲੀਮੈਂਟਦਰਮਿਆਨ ਦਾ ਖਾਲੀ ਸਪੇਸ ਵੀ ਟੈਕਸਟ ਨੋਡ ਹੈ。

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

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

childNodes ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈਉਪ ਨੋਡਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ)।

children ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈਉਪ ਐਲੀਮੈਂਟਨਹੀਂ ਕਿ ਟੈਕਸਟ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ)।

ਸਾਥੀ ਅਤੇ ਐਲੀਮੈਂਟ ਦੇ ਸਾਥੀ

ਸਾਥੀਇਹ 'ਭਾਈ' ਅਤੇ 'ਭੈਣ' ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ。

ਸਾਥੀਇਕੱਲੇ ਪੈਰੈਂਟ ਨੋਡ ਵਾਲੇ ਨੋਡ (ਜਿਵੇਂ ਕਿ ਇੱਕੋ ਜਿਹੇ) childNodes ਸੂਚੀ ਵਿੱਚ)।

ਐਲੀਮੈਂਟ ਦੇ ਸਾਥੀਇਕੱਲੇ ਪੈਰੈਂਟ ਐਲੀਮੈਂਟ ਵਾਲੇ ਐਲੀਮੈਂਟ (ਜਿਵੇਂ ਕਿ ਇੱਕੋ ਜਿਹੇ) children ਸੂਚੀ ਵਿੱਚ)।

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

li ਐਲੀਮੈਂਟ ਦੇ ਪੈਰੈਂਟ ਐਲੀਮੈਂਟ ਦਾ ਨੋਡ ਨਾਮ ਪ੍ਰਾਪਤ ਕਰੋ:

var x = document.getElementById("myLI").parentElement.nodeName;

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

ਉਦਾਹਰਣ 2

ਅਨੁਕੂਲ ਤੱਕ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਰਕ (span) ਨੂੰ ਕਿਉਂਕਿ ਉਸ ਦੇ ਪੈਰੈਂਟ (div) ਨੂੰ ਛੁਪਾਉਣਾ ਹੈ:

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

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

ਸਿਧਾਂਤ

node.parentElement

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ

ਇੰਟਰਫੇਸ ਵਰਣਨ
Element ਐਕਸਪੋਜ਼ਰ ਨੋਡ ਦੇ ਪੈਰੈਂਟ ਐਲੀਮੈਂਟ ਨੋਡ ਦਰਸਾਉਂਦਾ ਹੈ。
null ਜੇਕਰ ਇਹ ਨੋਡ ਪੈਰੈਂਟ ਨੋਡ ਨਹੀਂ ਹੈ ਤਾਂ。

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

element.parentElement DOM Level 3 (2004) ਹੈ ਮੁੱਦਾ।

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

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