Introducción a los elementos de página DOM de JavaScript

Este curso explora los conocimientos básicos y las técnicas necesarias para crear y actualizar elementos de página utilizando JavaScript DOM. Comienza con una introducción a DOM. Aquí, usted aprenderá las funciones de DOM y cómo ayuda a mejorar la funcionalidad de una página web, incluyendo la conexión de páginas web a scripts o lenguajes de programación, representando la estructura de un documento. A continuación, aprenderá a utilizar la herramienta dev de Google Chrome para depurar y probar los códigos HTML y JavaScript en Windows y Mac OS. Demostramos los diversos métodos de selección y actualización de elementos de página, incluido el selector de consultas. Aprenda a actualizar todos los elementos de página coincidentes utilizando el JavaScript QuerrySelectorAll y devolver varios elementos a una lista de nodos, actualizar el recuento y el contenido de texto de un elemento.

En este curso, aprenderá a seleccionar un elemento y a actualizar los valores de estilo, establecer los atributos del elemento de página y, a continuación, actualizar el HTML y añadirlo a los elementos de página con el valor de propiedad innerHTML. Por ejemplo, actualice el color y el color de fondo del elemento seleccionado y aplique varios valores de estilo al atributo de estilo con JavaScript. A continuación, aprenderá métodos de lista de clases para conmutar una clase existente, añadir, eliminar y comprobar si la clase existe en un elemento que devuelve un valor booleano. A continuación, descubrirá los métodos Append, Prepend, AppendChild to padre Element para añadir elementos de página a la página. Por último, se muestra cómo navegar por el árbol DOM seleccionando un elemento de inicio y desplazándose a sus elementos relacionados con el código JavaScript.

DOM es una abreviatura del modelo de objeto de documento. Es una interfaz de programación para documentos web. DOM representa el documento como nodos y objetos, lo que permite que lenguajes de programación como JavaScript y HTML interactúen y modifiquen los elementos o contenidos de la página. Al tomar este curso en Alison.com, aprenderá a crear y modificar elementos de página y a añadir escuchas de eventos para eventos de ratón y teclado. ¿Por qué estás esperando? Tome este curso gratuito en línea hoy y obtenga una nueva habilidad.