HTML DOM NodeList forEach() ਮੈਥਡ
- ਪਿੱਛਲਾ ਪੰਨਾ entries()
- ਅਗਲਾ ਪੰਨਾ item()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
forEach() ਮਹੱਤਵ ਨੂੰ NodeList ਵਿੱਚ ਹਰ ਨੋਡ ਉੱਤੇ ਰਿਟਰਨ ਫੰਕਸ਼ਨ ਚਲਾਉਂਦਾ ਹੈ。
ਇੰਸਟੈਂਸ
ਉਦਾਹਰਣ 1
ਦਸਤਾਵੇਜ਼ ਦੇ ਹਰ ਸਬੰਧਤ ਸ਼ਾਖਾ ਉੱਤੇ ਫੰਕਸ਼ਨ ਚਲਾਓ:
const list = document.body.childNodes;
list.forEach(
function(node, index) {
text += index + " " + node;
}
);
ਉਦਾਹਰਣ 2
ਦਸਤਾਵੇਜ਼ ਦੇ ਸਬੰਧਤ ਸ਼ਾਖਾ ਦਾ ਨਾਮ ਸੂਚੀਬੱਧ ਕਰੋ:
const list = document.body.childNodes;
list.forEach(
function(node) {
text += node.nodeName;
}
);
ਉਦਾਹਰਣ 3
ਦਸਤਾਵੇਜ਼ ਦੇ ਸਬੰਧਤ ਸ਼ਾਖਾ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰੋ:
const list = document.body.childNodes;
list.forEach(
function(node) {
text += node.nodeType;
}
);
ਸਨਅਤਕਾਰ
nodelist.forEach(function(ਜ਼ਰੂਰੀ।ਹਰ ਨੋਡ ਲਈ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ, ਜ਼ਰੂਰੀ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ ਮੁੱਲ, ਵਰਤਣਯੋਗ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ ਸੰਖਿਆ, ਵਰਤਣਯੋਗ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ NodeList。)
)
| ) | ਪਾਰਾਮੀਟਰ |
|---|---|
| ਵਰਣਨ | function() |
| ਜ਼ਰੂਰੀ।ਹਰ ਨੋਡ ਲਈ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ | currentValue |
| ਜ਼ਰੂਰੀ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ ਮੁੱਲ | index |
| ਵਰਤਣਯੋਗ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ ਸੰਖਿਆ | arr |
| ਵਰਤਣਯੋਗ।ਮੌਜੂਦਾ ਨੋਡ ਦਾ NodeList。 |
thisValue ਵਰਤਣਯੋਗ।ਮੂਲਤਵੀ ਮੂਰਤੀ undefined ਹੈ。 |
ਮੁੱਢਲਾ ਕਿਸਮ
ਨਹੀਂ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
nodelist.forEach() ਇੱਕ DOM Level 4 (2015) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。
ਸਾਰੇ ਆਧੁਨਿਕ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
Internet Explorer 11 (ਜਾਂ ਅਣਗਿਣਤ ਸੰਸਕਰਣ) nodelist.forEach() ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦਾ।
ਸਬੰਧਤ ਪੰਨੇ
- ਪਿੱਛਲਾ ਪੰਨਾ entries()
- ਅਗਲਾ ਪੰਨਾ item()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList
