HTML DOM Element replaceChild() طریقہ کار
- ਪਿੱਛਲਾ ਪੰਨਾ removeEventListener()
- ਅਗਲਾ ਪੰਨਾ scrollHeight
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM ایلیمنٹس آئیکن
تعریف اور استعمال
replaceChild() نئی نکات کا استعمال کرکے بچے نکات کو بدل دیا جاتا ہے。
مزید دیکھئے:
مربوط دستورات:
مثال
مثال 1
نئی لفظی گروپ کا <li> عناصر میں لفظی گروپ کا لفظی گروپ بدل دیا جاتا ہے:
const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);
ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ:
- ਕੋਫੀ
- ਚਾਹ
- ਮਿਲਕ
ਬਦਲੇ ਬਾਅਦ:
- ਪਾਣੀ
- ਚਾਹ
- ਮਿਲਕ
مثال 2
ਨਵੇਂ <li> ਐਲੀਮੈਂਟ ਨਾਲ <li> ਐਲੀਮੈਂਟ ਬਦਲੋ:
// ਇੱਕ ਨਵਾਂ <li> ਐਲੀਮੈਂਟ ਬਣਾਓ:
const element = document.createElement("li");
// ਇੱਕ ਨਵਾਂ ਟੈਕਸਟ ਨੋਡ ਬਣਾਓ:
const textNode = document.createTextNode("Water");
// ਟੈਕਸਟ ਨੋਡ ਨੂੰ <li> ਐਲੀਮੈਂਟ ਵਿੱਚ ਜੋੜੋ:
element.appendChild(textNode);
// id="myList" ਦਾ <ul> ਐਲੀਮੈਂਟ ਪ੍ਰਾਪਤ ਕਰੋ:
const list = document.getElementById("myList");
// ਨਵੇਂ <li> ਐਲੀਮੈਂਟ ਨੂੰ ਪਹਿਲੇ ਬੱਚੇ ਨੂੰ ਬਦਲਣਾ:
list.replaceChild(element, list.childNodes[0]);
ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ:
- ਕੋਫੀ
- ਚਾਹ
- ਮਿਲਕ
ਬਦਲੇ ਬਾਅਦ:
- ਪਾਣੀ
- ਚਾਹ
- ਮਿਲਕ
ਸਫਟਵੇਅਰ
node.replaceChild(newnode, oldnode)
ਪੈਰਾਮੀਟਰ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| newnode | ਲੋੜੀਂਦਾ ਹੈ।ਜੋੜਣੇ ਹੋਏ ਨੋਡ |
| oldnode | ਲੋੜੀਂਦਾ ਹੈ।ਹਟਾਉਣੇ ਹੋਏ ਨੋਡ |
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ
| ਪ੍ਰਕਾਰ | ਵਰਣਨ |
|---|---|
| Node ਆਬਜੈਕਟ | ਬਦਲੇ ਗਏ ਨੋਡ |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
element.replaceChild() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。
ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:
| ਚਰਮੋਇਲ | IE | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|---|
| ਚਰਮੋਇਲ | IE | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| ਸਮਰਥਨ | 9-11 | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿੱਛਲਾ ਪੰਨਾ removeEventListener()
- ਅਗਲਾ ਪੰਨਾ scrollHeight
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM ایلیمنٹس آئیکن
