Funciones y Estructuras del DOM en JavaScript: Aprende a Manipular Elementos Web

//oculta o muestra

function muestraOculta(id) {
var elemento = document.getElementById('contenidos' + id);
var link = document.getElementById('enlace' + id);

if (elemento.style.display == '' || elemento.style.display == 'block') {
elemento.style.display = 'none';
link.innerHTML = 'Mostrar contenidos';
} else {
elemento.style.display = 'block';
link.innerHTML = 'Ocultar contenidos';
}
}

//cambia el color de rojo a negro

function retornarColor(element) {
element.style.color = 'black';
}

Cambiar color

• - length (número de elementos de un array)
• - concat (concatena los elementos de un array)
• - join (carácter separador) (coge todos los elementos del array separados por el carácter seleccionado)
• - pop() (elimina el último elemento del array y lo muestra, la longitud del array disminuye)
• - push() (añade un elemento al final del array, la longitud del array aumenta)
• - shift() (elimina el primer elemento del array y lo muestra, la longitud del array disminuye)
• - unshift() (añade un elemento al principio del array, la longitud del array aumenta)
• - reverse() (modifica el array colocando sus elementos en el orden inverso a su posición original)
• - toUpperCase() (convierte la cadena de texto a mayúsculas)
• - toLowerCase() (convierte la cadena de texto a minúsculas)

• • obtener el valor almacenado por algunos elementos (por ejemplo, los elementos de un formulario).
• • crear un elemento (párrafos, etc.) de forma dinámica y añadirlo a la página.
• • aplicar una animación a un elemento (que aparezca/desaparezca, que se desplace, etc.).

• ▪ Document, nodo raíz del que derivan todos los demás nodos del árbol.
• ▪ Element, representa cada una de las etiquetas XHTML. Se trata del único nodo que puede contener atributos y el único del que pueden derivar otros nodos.
• ▪ Attr, se define un nodo de este tipo para representar cada uno de los atributos de las etiquetas XHTML, es decir, uno por cada par atributo=valor.
• ▪ Text, nodo que contiene el texto encerrado por una etiqueta XHTML.
• ▪ Comment, representa los comentarios incluidos en la página XHTML.