HTML DOM عناصر childNodes پروپرٹی

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

childNodes پروپرٹی واپس فراہم کرتی ہے جو عناصر بچوں کا مجموعہ (لیسٹ) ہوتی ہے。

childNodes پروپرٹی واپس فراہم کرتی ہے جو NodeList اکائی ہوتی ہے。

childNodes پروپرٹی خواندہ ہے。

childNodes[0] .firstChild سے مشابہت رکھتی ہے。

ملاحظات:

childNodes نوڈ واپس فراہم کرتی ہے: عناصر نوڈ، متن نوڈ اور نوٹس نوڈ。

عنصر کے درمیان کا خالی رقبہ بھی متن نوڈ ہوتا ہے。

مکمل طور پر:

children پروپرٹی - children پروپرٹی واپس فراہم کرتی ہے جو بچوں کا وسیلہ (متن اور نوٹس کو چھوڑ کر) ہوتی ہے。

دیگر ملاحظات:

firstChild پروپرٹی

lastChild پروپرٹی

nextSibling پروپرٹی

previousSibling پروپرٹی

hasChildNodes() مہم

نوڈ پروپرٹی

parentNode پروپرٹی

nodeName پروپرٹی

nodeType ਵਿਸ਼ੇਸ਼ਤਾ

nodeValue ਵਿਸ਼ੇਸ਼ਤਾ

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

ਵਿੱਚ HTML DOM(DOM) ਵਿੱਚ, HTML ਪੱਤਰ ਸਮਾਨ ਨੋਡ ਦਾ ਸਮੂਹ ਹੈ (ਜਾਂ ਨਹੀਂ ਹੈ)。

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

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

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

ਸ਼ਾਖਾ ਅਤੇ ਸਬੰਧਤ ਐਲੀਮੈਂਟ

childNodes ਵਾਪਸਸ਼ਾਖਾ(ਐਲੀਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ)

children ਵਾਪਸਸਬੰਧਤ ਐਲੀਮੈਂਟਨਹੀਂ ਟੈਕਸਟ ਅਤੇ ਨਾਮਕਰਣ ਨੋਡ ਹਨ)。

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

ਸਾਥੀਹਨ "ਭਾਈ" ਅਤੇ "ਭੈਣ"

ਸਾਥੀਹਨ ਉਨ੍ਹਾਂ ਨੋਡ ਦੇ ਨਾਲ ਹਨ ਜੋ ਇੱਕ ਹੀ ਮਾਂ ਨੋਡ ਰੱਖਦੇ ਹਨ (ਇੱਕ ਹੀ ਮਾਂ ਨੋਡ ਵਿੱਚ) childNodes ਸੂਚੀ ਵਿੱਚ)。

ਐਲੀਮੈਂਟ ਦੇ ਸਾਥੀਹਨ ਉਨ੍ਹਾਂ ਐਲੀਮੈਂਟ ਦੇ ਨਾਲ ਹਨ ਜੋ ਇੱਕ ਹੀ ਮਾਂ ਐਲੀਮੈਂਟ ਰੱਖਦੇ ਹਨ (ਇੱਕ ਹੀ ਮਾਂ ਐਲੀਮੈਂਟ ਵਿੱਚ) children ਸੂਚੀ ਵਿੱਚ)。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

<body> ਪੱਤਰ ਦੇ ਸ਼ਾਖਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

const nodeList = document.body.childNodes;

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

ਉਦਾਹਰਣ 2

"myDIV" ਵਿੱਚ ਸ਼ਾਖਾ ਦੀ ਸਖਤੀ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

let numb = document.getElementById("myDIV").childNodes.length;

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

ਉਦਾਹਰਣ 3

ਦੂਜੇ ਸ਼ਾਖਾ ਦੇ ਪਿੱਨ ਰੰਗ ਨੂੰ ਪਰਿਵਰਤਿਤ ਕਰੋ:

element.childNodes[1].style.backgroundColor = "yellow";

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

ਉਦਾਹਰਣ 4

ਤੈਲ ਇਲੈਕਟਰੋਨ ਦੇ ਤੀਜੇ ਸ਼ਾਖਾ ਦੇ ਟੈਕਸਟ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

let text = document.getElementById("mySelect").childNodes[2].text;

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

ਸਿਧਾਂਤ

element.childNodes

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

ਕਿਸਮ ਵਰਣਨ
ਵਸਤੂ

ਨੋਡ ਦੀ NodeList ਵਸਤੂ ਸਮੂਹ

ਨੋਡ ਉਨ੍ਹਾਂ ਦੀ ਕਿਸਮ ਨੂੰ ਉਸ ਨਾਲ ਜੋੜਨ ਦੇ ਕਰਦੇ ਹਨ ਜਿਸ ਵਿੱਚ ਉਹ ਪੱਤਰ ਵਿੱਚ ਆਏ ਹਨ。

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

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

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

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