Introdução ao JavaScript DOM Página Iniciais

Este curso explora o conhecimento básico e as técnicas necessárias para criar e atualizar elementos de página utilizando o JavaScript DOM. Começa com uma introdução ao DOM. Aqui, você aprenderá as funções do DOM e como ele ajuda a melhorar a funcionalidade de uma webpages, incluindo conectar páginas web a scripts ou linguagens de programação, representando a estrutura de um documento. Em seguida, você aprenderá como usar a ferramenta dev do Google Chrome para depurar e testar seus códigos HTML e JavaScript no windows e Mac OS. Demonstramos os vários métodos de seleção e atualização de elementos da página, incluindo o seletor de consulta. Aprenda a atualizar todos os elementos da página correspondente usando o JavaScript QuerrySelectorAll e retorne múltiplos elementos em uma lista de nós, atualize a contagem de e o conteúdo de texto de um elemento.

Neste curso, você aprenderá como selecionar um elemento e atualizar os valores de estilo, configurar os atributos do elemento da página e, em seguida, atualizar o HTML e adicioná-lo aos elementos da página com o valor da propriedade innerHTML. Por exemplo, atualize a cor e a cor de fundo do elemento selecionado e aplique vários valores de styling ao atributo style com JavaScript. Em seguida, você aprenderá métodos de lista de classe para alternar uma classe existente, adicionar, remover e verificar se a classe existe em um elemento que devolve um valor booleano. Em seguida, você descobrirá os métodos Append, Prepend, AppendChild a parent Element de adicionar elementos da página à página. Por fim, mostramos como navegar na árvore DOM selecionando um elemento inicial e movendo-se para os seus elementos relacionados com o Código JavaScript.

DOM é uma abreviação para modelo de objeto de documentos. Trata-se de uma interface de programação para documentos web. O DOM representa o documento como nós e objetos, possibilitando linguagens de programação como JavaScript e HTML para interagir e modificar os elementos ou conteúdos da página. Ao fazer este curso no Alison.com, você aprenderá como criar e modificar elementos de página e adicionar atendentes de eventos para eventos de mouse e teclado. Por que você está esperando? Leve este curso online gratuito hoje e ganhe uma nova habilidade.