HTML DOM Element replaceChild() na paraan
- Nakaraang pahina removeEventListener()
- Susunod na pahina scrollHeight
- Bumalik sa nakaraang antas HTML DOM Elements Obheto
paglilinaw at paggamit
replaceChild() ang paggamit ng bagong node na pumalit sa anak na node.
mga panghinalaan:
kaugnay na dokumentong mga paraan:
sample
halimbawa 1
paliwanag ng pagpalit ng bagong teksto na paliwanag sa <li> element:
const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);
Bago palitan:
- Coffee
- Tea
- Milk
Pagpalit sa ibang:
- Water
- Tea
- Milk
halimbawa 2
Palitan ang <li> elemento gamit ang bagong <li> elemento:
// lumikha ng isang bagong <li> elemento:
const element = document.createElement("li");
// lumikha ng isang bagong text node:
const textNode = document.createTextNode("Water");
// idagdag ang text node sa <li> elemento:
element.appendChild(textNode);
// Kumuha ng <ul> elemento na may id="myList":
const list = document.getElementById("myList");
// Palitan ang unang anak na <li> gamit ang bagong <li> elemento:
list.replaceChild(element, list.childNodes[0]);
Bago palitan:
- Coffee
- Tea
- Milk
Pagpalit sa ibang:
- Water
- Tea
- Milk
Mga pangunahing detalye
node.replaceChild(newnode, oldnode)
Parametro
| Parametro | Paglalarawan |
|---|---|
| newnode | Dapat kailangan. Ang node na dapat idagdag. |
| oldnode | Dapat kailangan. Ang node na dapat alisin. |
Halimbawa ng ibinabalik na halaga
| Uri | Paglalarawan |
|---|---|
| Objeto ng Node | Ang na-replace na node. |
Suporta ng browser
element.replaceChild() Ito ay DOM Level 1 (1998) na katangian.
Lahat ng mga browser ay ganap na sumusuporta sa ito:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Suporta | 9-11 | Suporta | Suporta | Suporta | Suporta |
- Nakaraang pahina removeEventListener()
- Susunod na pahina scrollHeight
- Bumalik sa nakaraang antas HTML DOM Elements Obheto
