Criado por: Malcon Toledo
Parte 1/1
Métodos:
querySelector()o DOM fornece uma representação estruturada do documento HTML como uma árvore.
o JavaScript "conversa" com o HTML por meio do DOM
para exibir o DOM no console:
console.log(document)
querySelector()
Retorna o primeiro elemento dentro do documento que corresponde ao grupo especificado de seletores.
Título da página
este é o primeiro parágrafo
este é o segundo parágrafo
var a = document.querySelector('p')
console.log(a)
textContent
Define ou retorna o conteúdo de texto do nó especificado e todos os seus descendentes
Título da página
este é o primeiro parágrafo
este é o segundo parágrafo
var a = document.querySelector('.div1')
var conteudo = a.textContent
console.log(a)
console.log(conteudo)
Lista de clientes
codigo
Nome
cidade
4545
Fulano
Curitiba
3232
Beltrano
Minas Gerais
var codCli = prompt("digite o cógido do cliente")
codCli = "cliente-" + codCli
var cliente = document.querySelector(`#${codCli}`)
var cliNome = cliente.querySelector(".cli-nome").textContent
console.log('o nome do cliente é: ' + cliNome)
Pede ao usuário um código de cliente. Exibe no console o nome do cliente
querySelectorAll()
retorna todos os elementos no documento que correspondem a um seletor (es) CSS especificado
Lista de clientes
codigo
Nome
cidade
4545
Fulano
Curitiba
3232
Beltrano
Minas Gerais
var clientes = document.querySelectorAll(`#cliente`)
for (var i = 0; i < clientes.length; i++) {
let cli = clientes[i].querySelector(".cli-nome").textContent
console.log(cli)
}
Lista no console todos os nomes de clientes da tabela
Métodos:
querySelector()o DOM fornece uma representação estruturada do documento HTML como uma árvore.
o JavaScript "conversa" com o HTML por meio do DOM