El método ParentNode.append() se usa para insertar objetos Node u objetos DOMString después del último elemento secundario de ParentNode. Los objetos DOMString se insertan como Nodes de texto.
Sintaxis:
ParentNode.append( ChildNodesToPrepend );
Parámetros: este parámetro contiene el conjunto de objetos Node o DOMString que se insertarán como el último elemento secundario del elemento principal.
Los siguientes ejemplos ilustran el método ParentNode.append():
Ejemplo 1: En este ejemplo, agregaremos un elemento. Para mostrar este método, hemos creado tres elementos parentNode, Child1 y Child2. Luego, hemos agregado Child1 y Child2 a parentNode.
En la consola, mostramos childNodes de parentNode.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>GeeksforGeeks</h1>
<script>
var parentNode = document.createElement("div");
var Child1 = document.createElement("p");
var Child2 = document.createElement("div");
parentNode.append(Child1);
parentNode.append(Child2);
console.log(parentNode.childNodes);
</script>
</body>
</html>
Producción:
En la consola, puede ver childNodeList de parentNode . Uno es p y uno es div.
Ejemplo 2: en este ejemplo, hemos agregado texto al HTML interno del elemento y al contenido del texto del elemento.
HTML
<!DOCTYPE html>
<html lang="en">
<body>
<h1>GeeksforGeeks</h1>
<script>
var parent = document.createElement("div");
parent.innerHTML = "GeeksforGeeks : ";
parent.append("A Computer Science Portal for Geeks");
console.log(parent.textContent);
</script>
</body>
</html>
Producción:
En la consola, puede ver el contenido de texto del elemento principal .
Navegadores compatibles:
- Google Chrome
- Borde
- Firefox
- safari de manzana
- Ópera