En esta clase veremos “algunos” métodos del objeto “document” para acceder a la información del HTML (sobretodo los getElementsBy…).
Vamos a ver algo muy interesante y es que por fin vamos a ver cómo podemos acceder tanto a los valores de los inputs de los formularios como al texto que se encuentra dentro de los tags (etiquetas HTML).
Puesto que vamos a ver diferentes métodos del objeto “document” para diferentes usos, vamos a separar esta clase en dos vídeos.
En el primer vídeo, veremos cómo podemos crear un formulario que en vez de mandarse al pulsar el botón enviar, lo que realmente haga será una verificación de que has rellenado todo correctamente y únicamente si lo has hecho, se mandará al servidor (mediante JavaScript).
En el segundo vídeo, veremos como gracias a dos métodos diferentes del objeto “document” podemos acceder al texto que hay dentro de etiquetas como por ejemplo o etiquetas que tienen una clase (css) en concreto.
Con este ejemplo en el que hemos sacado un listado de las palabras clave de un artículo, apoyándonos en las que tienen la clase "negrita" han quedado muy claras las alternativas para acceder al objeto Document.
Todos los capítulos de este curso:
- Curso de JavaScript para HTML #1. Introducción
- Curso de JavaScript para HTML #02. Propiedades del objeto Document
- Curso de JavaScript para HTML #3. Métodos para acceder al HTML del objeto Document
- Curso de JavaScript para HTML #4. GetElementById
- Curso de JavaScript para HTML #5. Eventos
- Curso de JavaScript para HTML #6. CSS y Estilos
- Curso de JavaScript para HTML #7. Objeto Window: Propiedades
- Curso de JavaScript para HTML #8. Window.Open
- Curso de JavaScript para HTML #9. Web sin HTML
- Curso de JavaScript para HTML #10. jQuery