Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Métodos Javascript

Datos de búsqueda

Etiqueta ‘Métodos Javascript’

Inserción de elementos en Javascript: insertBefore y appendChild

Fecha de publicación: 2008/02/11

Método appendChild

El método appendChild permite insertar un elemento al final de otro.

Supongamos que tenemos este HTML:

<div>
 <p id="existente">Elemento existente</p>
</div>

Y queremos que pase a ser así:

<div id="contenedor">>
 <p id="existente">Elemento existente</p>
 <p id="nuevo">Elemento nuevo</p>
</div>

No habría más que utilizar el siguiente código Javascript:

elemento1 = document.createElement('p');
elemento1.appendChild(document.createTextNode('Elemento nuevo'));
elemento1.id = 'nuevo';
elemento2 = document.getElementById('contenedor');
elemento2.appendChild(elemento1);

Método insertBefore (o insert before)

El método insertBefore tiene una función similar a appendChild, solo que no inserta el elemento hijo justo al final del elemento padre, sino antes de un elemento concreto que hay que especificar.

Supongamos que tenemos este HTML:

<div>
 <p id="existente">Elemento existente</p>
</div>

Y queremos que pase a ser así:

<div>
 <p id="nuevo">Elemento nuevo</p>
 <p id="existente">Elemento existente</p>
</div>

No habría más que utilizar el siguiente código Javascript:

elemento1 = document.createElement('p');
elemento1.appendChild(document.createTextNode('Elemento nuevo'));
elemento1.id = 'nuevo';
elemento2 = document.getElementById('existente');
elemento2.parentNode.insertBefore(elemento1,elemento2);

Saber más

Datos del artículo:

Javascript: el método split()

Fecha de publicación: 2008/01/17

El método split() en Javascript permite dividir en varios bloques una cadena de texto, formando un array.

Ejemplo:

cadenaTexto = 'palabras-de-la-cadena-de-texto'
fragmentoTexto = cadenaTexto.split('-');

En el ejemplo las palabras en la cadena de texto (la variable cadenaTexto) están separadas por guiones. Al utilizar el método split() la separación viene dada por esos guiones.

Saldrían los siguientes fragmentos:

fragmentoTexto[0];// palabras
fragmentoTexto[1];// de
fragmentoTexto[2];// la
fragmentoTexto[3];// cadena
fragmentoTexto[4];// de
fragmentoTexto[5];// texto

Saber más

Datos del artículo:

Información del sitio