Firefox OS (fue bonito mientras duró)

Lamentablemente el sistema operativo móvil Firefox OS ha muerto. Hay quien dice que la libertad, lo ha matado. Y ojo porque Mozilla está empezando a soltar lastre, que si os acordáis ya la semana pasada se dijo que Thunderbird también podría estar en el punto de mira.

 

 

Descanse en paz...

 

Capítulo 42: Añadir elementos al DOM

Contenido:

El Método appendChild; Añadir nodo de texto al DOM; appendChild siempre añade el nuevo nodo como el último nodo hijo; Añadir otros tipos de Nodos; El Método insertBefore añade un nuevo nodo antes del nodo que se indique.

Existen varios métodos para añadir un nuevo nodo al documento:

• appendChild(): es el método más simple y muestra el nuevo nodo a continuación del último nodo hijo ya presente

var nuevoTexto = document.createTextNode(“Nuevo Texto hijo”); //Nuevo nodo

var miDiv = document.getElementById(“id1”); // Seleccionamos un Nodo Padre.

miDiv.appendChild(nuevoTexto); //Añadimos el nuevo nodo hijo a miDiv

• insertBefore(): añade un nuevo nodo antes del nodo que indiquemos Tiene dos argumentos: El nodo a añadir y el nodo del que colocarse antes

Capítulo 41: Crear nuevos nodos en el DOM

Contenido:

Los cambios en el DOM no aceptan al documento original; Añadir nuevos nodos al DOM; Dos pasos: crear el nodo y añadirlo al árbol DOM; Uso del Método createElement; Uso del Método createTextNode para crear Nodos de texto; Clonar elementos ya existentes con el Método cloneNode

Para añadir nuevos elementos en el DOM hay que realizar dos pasos:

1. Crear el nodo utilizando el método createElement() ó el método createTextNode(). También podemos clonar un elemento existente usando el método cloneNode() (Si añadimos true también clonará los nodos hijo).
2. Añadimos el nuevo nodo en la localización deseada

Ejemplo:

<div id=”id1”>”Este es el contenido del DIV con id = id1</div>

<script>

    var nuevoDiv = document.createElement(“div”);

var nuevoNodoTexto = document.createTextNode(“Aquí está el Texto”);

var miDiv = document.getElementById(“id1”);

var cloneDiv = MiDiv.cloneNode(true);

</script>

Cuando clonamos un nodo, también va a tener la misma id que el nodo original así que debe cambiarse.

Capítulo 40: Leer los atributos de un elemento

Contenido:

Los atributos siempre se colocan dentro del tag de apertura y son nodos hijos del elemento que los contiene; Uso del método getAttribute;

Los atributos siempre están colocados en el Tag de apertura < de forma “atributo >= valor”. Éstos se denominan Node Atribute.

Podemos leer los atributos de un elemento utilizando el método getAttribute.

Ejemplo:

<div id=”id1” title=”informe”>Aquí incluimos texto.</div>

<script>

    var miNodo = document.getElementById(“id1”);

    alert(miNodo.getAttribute(“title”));

</script>

Si intentamos acceder a un atributo que no está definido nos devuelve null.

Capítulo 39: Manipular el DOM

Contenido:

La propiedad childNode; Uso de listNode como un array; Crear una función para añadir los items hijo de un Nodo que sean del tipo element.

Existen varios tipos de Nodos: Element, Text, Comment,...

Cada tipo de nodo tiene un número asociado denominado NodeType