Nodo al inicio - DOM

JairLizcano · #1 (**permalink**) 05/06/2011, 21:09

Según mi documentación me encuentro con la definición de una función para agregar nodos consecuente al último de la lista.

Para mi implementación necesitaba visualizar los nodos anexados al inicio de la lista mas no a lo último, creé un nodo que servía de referencia para el siguiente nodo que se anexaría, simulando así como si le agregase al inicio de la lista.

Ahora es una solución algo "fría", a lo cual pregunto si existe alguna función ya implementada en DOM que me permita ubicar mi nodo al inicio de la lista.

Agradezco su pronta respuesta o documentación sobre el caso.

Reconozco que hacer ello significa un cambio bárbaro en el árbol de nodos, pero no sé qué tan alejado sea.

abimaelrc · #2 (**permalink**) 05/06/2011, 22:05

¿Algo así?

Código PHP:

  <html>
<head>
<script type="text/javascript">
function addNode(id){
    var obj = document.getElementById(id);
    var p = obj.getElementsByTagName('p');
    var addP = document.createElement('p');
    addP.innerHTML = 'Foo' + (parseInt(p.length) + 1);
    obj.insertBefore(addP, p.item(0));
}
</script>
</head>
<body>
<input type="button" value="Añadir nodo" onclick="addNode('nodes');" /> 
<div id="nodes">
    <p>Foo1</p>
</div>
</body>
</html>

JairLizcano · #3 (**permalink**) 05/06/2011, 22:31

Muchas gracias hermanazo, puedo adaptarlo a mi necesidad.

Pd: en la documentación estaba la función insertBefore(), y tenía un concepto algo abstracto de lo que era.

caricatos · #4 (**permalink**) 06/06/2011, 00:43

Hola:

Si quieres que sea realmente el primero, y sin fallos:

Código:

if (obj.haschildNodes())
 obj.insertBefore(addP, obj.firstChild);
else
 obj.appendChild(addP);

Saludos

zerokilled · #5 (**permalink**) 06/06/2011, 01:08

buenas, que tal!

@caricatos, segun la documentacion oficial, si el segundo parametro es null, dicho elemento es agregado al final del elemento que se intenta agregar. o sea, el metodo actua como appendChild. de modo que si un elemento no tiene nodo, al leer la propiedad firstChild o lastChild, este devuelve como valor null. en conclusion, no deberia generar fallos si el elemento no dispone de nodos. personalmente a mi nunca me ha fallado. a menos que sea inconsistencia de algun navegador.