HTML DOM रिमूव चाइल्ड () मेथड
उदाहरण
सूची से पहला <li> तत्व निकालें:
var list = document.getElementById("myList"); // Get the <ul> element with id="myList"
list.removeChild(list.childNodes[0]); // Remove <ul>'s first child node (index 0)
हटाने से पहले:
- कॉफ़ी
- चाय
- दूध
हटाने के बाद:
- चाय
- दूध
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
RemoveChild () विधि निर्दिष्ट तत्व के निर्दिष्ट चाइल्ड नोड को हटा देती है।
हटाए गए नोड को नोड ऑब्जेक्ट के रूप में लौटाता है, या यदि नोड मौजूद नहीं है तो अशक्त हो जाता है।
नोट: हटाया गया चाइल्ड नोड अब DOM का हिस्सा नहीं है। हालांकि, इस विधि द्वारा दिए गए संदर्भ के साथ, हटाए गए बच्चे को बाद में किसी तत्व में सम्मिलित करना संभव है (देखें "अधिक उदाहरण")।
युक्ति: हटाए गए नोड को उसी दस्तावेज़ में सम्मिलित करने के लिए appendChild ( ) या insertBefore () विधि का उपयोग करें । इसे किसी अन्य दस्तावेज़ में सम्मिलित करने के लिए, document.adoptNode() या document.importNode() विधि का उपयोग करें।
ब्राउज़र समर्थन
Method | |||||
---|---|---|---|---|---|
removeChild() | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
node.removeChild(node)
पैरामीटर मान
Parameter | Type | Description |
---|---|---|
node | Node object | Required. The node object you want to remove |
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक नोड ऑब्जेक्ट, हटाए गए नोड का प्रतिनिधित्व करता है, या यदि नोड मौजूद नहीं है तो अशक्त है |
---|---|
डोम संस्करण | कोर स्तर 1 नोड वस्तु |
और ज्यादा उदाहरण
उदाहरण
पता लगाएँ कि क्या किसी सूची में कोई चाइल्ड नोड है। यदि ऐसा है, तो इसके पहले चाइल्ड नोड को हटा दें (इंडेक्स 0):
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
}
हटाने से पहले:
- Coffee
- Tea
- Milk
हटाने के बाद:
- Tea
- Milk
उदाहरण
सूची के सभी चाइल्ड नोड्स निकालें:
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
हटाने से पहले:
- Coffee
- Tea
- Milk
हटाने के बाद:
उदाहरण
अपने मूल तत्व से id="myLI" के साथ एक <li> तत्व निकालें (इसके मूल नोड को निर्दिष्ट किए बिना):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
हटाने से पहले:
- Coffee
- Tea
- Milk
हटाने के बाद:
- Coffee
- Milk
उदाहरण
अपने पैरेंट से एक <li> तत्व निकालें, और इसे फिर से डालें:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
उदाहरण
एक <span> तत्व को उसके पैरेंट से हटा दें और इसे किसी अन्य दस्तावेज़ में <h1> तत्व में डालें:
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}