Templates:
- QUE SON LOS TEMPLATES WEB:
- Los templates son sitios web prediseñados, de forma que ya disponen de una estructura definida, por lo tanto permiten desarrollar el sitio web de una forma mucho más ágil y rápida que los diseños a medida (proyectos en que se parte de cero).
- FUNCION DE PLANTILLAS WEB
- Las plantillas web son adecuadas para aquellos sitios web que no van a requerir de una estructura compleja y en los que su función principal será la de mostrar información general sobre la propia empresa, negocio o servicios que ofrece .
ETIQUETA GETELEMENTBYID
ACCESO DIRECTO A NODOS
Las formas de acceder directamente a nodos con JavaScript podemos resumirlas así:
Acceso directo a nodos
|
Sintaxis
|
Ejemplo
|
Elegido por su atributo id
|
document.getElementById('valorId');
|
document.getElementById (menu1);
|
Elegido por su atributo name
|
document.getElementsByName('valorName');
|
document.getElementsBy Name('peticionDatos');
|
Elegido por el tipo de etiqueta HTML (tag)
|
document.getElementsByTagName('valorTag');
|
document.getElementsByTag Name(span);
|
Elegido por class CSS
|
document.getElementsByClassName('valorClase');
|
document.getElementsByClassName('destacado');
|
Elegido por selector CSS
|
document.querySelectorAll('selectorCSS');
|
document.querySelectorAll ('#menu1 p');
|
Elegido por selector CSS
|
document.querySelector('selectorCSS');
|
document.querySelector ('#menu1 p');
|
Hace unos años se usaba document.all para realizar selección de nodos en un documento, por ejemplo document.all.tags(“div”) devolvía todos los elementos div en un documento, pero esta sintaxis se considera obsoleta por lo que no vamos a usarla.
Una vez que tenemos acceso directo a los nodos podemos empezar a hacer cosas interesantes como modificar dinámicamente los nodos, como veremos en el ejemplo de código que mostramos más abajo.
GET ELEMENT BY ID
Un atributo que pueden tener las etiquetas HTML es el valor de id, que permite entre otras cosas establecer estilos CSS para dicho elemento y sus descendientes. Por ejemplo <div id="contenedor"> establece que el id para este elemento div es “contenedor”.
El atributo id nos va a permitir acceder a un nodo del DOM con dicho valor de atributo. Recordar que en un documento HTML no debería existir más de un elemento con un mismo id. Es decir, los ids deben ser únicos (identificadores únicos de un elemento). En caso de tener dos elementos dentro de nuestro documento HTML que tengan el mismo id, pueden surgir errores (seguramente JavaScript devuelva el primer elemento con el id especificado que encuentre, pero no deberíamos trabajar teniendo ids repetidos porque esto es incorrecto).
El nombre de la función document.getElementById('valorId') nos informa sobre su cometido: nos devuelve un solo nodo de “tipo elemento” del DOM cuyo id coincide con el pasado como argumento.
No hay comentarios.:
Publicar un comentario