El método removeChild() en HTML DOM se usa para eliminar un Node secundario específico del elemento dado. Devuelve el Node eliminado como un objeto de Node o nulo si el Node no existe.
Sintaxis:
node.removeChild(child)
Parámetros: este método acepta un solo parámetro secundario , que es obligatorio. Representa el Node que debe eliminarse.
Valor devuelto: Devuelve un objeto de Node que representa el Node eliminado, o nulo si el Node no existe.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM removeChild() Method
</title>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM removeChild() Method
</h2>
<p>Sorting Algorithm</p>
<ul id = "listitem"><li>Insertion sort</li>
<li>Merge sort</li>
<li>Quick sort</li>
</ul>
<button onclick = "Geeks()">
Click Here!
</button>
<script>
function Geeks() {
var doc = document.getElementById("listitem");
doc.removeChild(doc.childNodes[0]);
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método DOM removeChild() se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 5 y superior
- Firefox 1 y superior
- Ópera 7 y superior
- Safari 1.1 y superior
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA