HTML DOM removeChild() Method

<Element Przedmiot

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

removeChild() sposób usuwa określonego węzła potomnego określonego elementu.

Zwraca usunięty węzeł jako obiekt węzła lub null, jeśli węzeł nie istnieje.

Uwaga: Węzeł dziecko usunięty nie jest już częścią DOM. Jednakże, z odniesieniem powrotu tej metody jest możliwe, aby umieścić usunięty dziecka do elementu w późniejszym czasie (See "More Examples") .

Wskazówka: Użyj appendChild() lub insertBefore() metoda, aby wstawić węzeł usunięty w tym samym dokumencie. Aby wstawić go do innego dokumentu, należy użyć dokumentu. adoptNode() lub dokument. importNode() metody.

Wsparcie przeglądarka

Składnia

wartości parametrów

Parametr	Rodzaj	Opis
node	Node object	Wymagany. Przedmiotem węzeł chcesz usunąć

Szczegóły techniczne

Zwracana wartość:	Obiekt węzeł reprezentujący usunięto węzła lub zerowy, jeżeli węzeł nie istnieją
DOM Version	Rdzeń poziomu obiektu 1 Węzeł

---

Więcej przykładów

Przykład

Dowiedzieć się, czy lista ma żadnych węzłów potomnych. Jeśli tak, usuń swój pierwszy węzeł podrzędny (index 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]);
}

Przed zdjęciem:

• Coffee
• Tea
• Milk

Przed zdjęciem:

• Tea
• Milk

Spróbuj sam "

Przykład

Usuń wszystkie węzły podrzędne listy:

// 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);
}

Przed zdjęciem:

• Coffee
• Tea
• Milk

Po zdjęciu:

Spróbuj sam "

Przykład

Usuwanie <li> elementu id = „Myli” ze elementu nadrzędnego (bez podawania jej węzeł nadrzędny)

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Przed zdjęciem:

• Coffee
• Tea
• Milk

Po zdjęciu:

• Coffee
• Milk

Spróbuj sam "

Przykład

Usuwanie <li> elementu od jego rodzica, a następnie włóż go ponownie:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Spróbuj sam "

Przykład

Usuwanie <span> elementu od jego rodzica i włóż ją do <h1> elementu w innym dokumencie:

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);
}

Spróbuj sam "

---

<Element Przedmiot