Perguntas com a tag [dom]

DOM (Document Object Model - Modelo de Objetos de Documentos) é uma especificação da W3C para uma interface, independente de plataforma e linguagem, onde pode-se dinamicamente alterar e editar a estrutura, conteúdo e estilo de um documento eletrônico, permitindo que o documento seja mais tarde processado e os resultados desse processamento, incorporados de volta no próprio documento.

Filtrar por
Ordenado por
Com tags
-2 votos
1 resposta
33 visitas

Como capturar a class de um botão construído por innerHTLM dentro do Javascript

Boa tarde, montei alguns cards em uma função no meu javascript, a partir de dados do Json, com o innerHTML. Ao final de cada card adicionei um botão que levaria pra outra página na qual estariam mais ...
Isabela Santos's user avatar
-2 votos
1 resposta
52 visitas

como fazer pra que o sempre mostre o ultimo elemento adicionado em uma div usando JS? [fechada]

estou criando um mini chatbox e quando a div das conversas está cheia os ultimos elementos adicionados fica escondidos e precisa dar scroll manualmente. Preciso que quando adicionar o ultimo item de ...
Ely Carvalho's user avatar
-1 votos
1 resposta
141 visitas

Pegar elemento criado pelo DOM JavaScript

Bom. Eu estou tendo problema ao tentar pegar um elemento criado dinamicamente no DOM com JavaScript... Eu crio o elemento através de uma função com o evento de click, porém eu não consigo acessar o ...
ibrunoDIE's user avatar
-2 votos
2 respostas
83 visitas

Rotação de ícone de 0 graus a 180 graus ao ser clicado (DOM)

Eu gostaria de uma sugestão, para que o ícone de "angle-down", fique alternando de 0 graus e 180 graus quando for clicado! <div class="container-icon"> <i class=&...
Elton Santos's user avatar
0 votos
1 resposta
31 visitas

Como apresentar dados pelo DOM sem ser por tabela

Olá, estou com uma duvida na aplicação que estou criando, estou trabalhando com um banco de dados Oracle, e estou trazendo as informações do banco e apresentando na tela por meio de tabela, mas queria ...
Jean Zacarchuka's user avatar
0 votos
0 respostas
27 visitas

Javascript DOM não reconhece as mudanças que fiz no HTML

Estou estudando javascript e nesse momento estou tentando fazer uma simples pagina para finanças pessoais, mostrar o montante, adicionar novas transações e mostrar as transações, e onde está mostrado, ...
Pedro Santana's user avatar
0 votos
1 resposta
43 visitas

Clonar input com novos valores, sem que as novas informações afetem as anteriores - JavaScript

Olá, estou criando uma pagina com o intuito de auxiliar em anuncios de vôos. Contém 4 inputs onde serão inseridas informações que deverão aparecer na tela para o usuario junto com frases já prontas. ...
Kellen Porto's user avatar
0 votos
0 respostas
12 visitas

Mover todos elementos para outro menu

Estou com dois campos de pesquisa na mesma página, mas em lugares bem diferentes, também estão em diferentes @media do CSS, que oculta um e exibe o outro em diferentes tamanhos. O problema é que ...
Marcos Kettermann's user avatar
-1 votos
1 resposta
291 visitas

Criar tabela em javascript a partir de um array dinâmico

Tenho um array dinâmico onde são adicionados dados a partir de um formulário, porém preciso apresentar os dados em uma table HTML. Exemplo: HTML/CSS: <!DOCTYPE html> <html lang="en"...
Jaime Hansen's user avatar
1 voto
1 resposta
52 visitas

Não estou conseguindo pegar os valores do meu arquivo HTML com o DOM do meu programa em JS

Boa tarde gente, fiz um programa com HTML e JS para estudar array.repeat(), mas não estou conseguindo pegar os valores de nenhum dos input's, coloquei o contador na função para ter certeza de que este ...
jao239's user avatar
  • 15
-4 votos
1 resposta
130 visitas

JavaScript DOM e Canvas [fechada]

Tenho um problema que eu não consegui resolver por mais que eu tentasse, é o seguinte: No meu projeto eu criei uma função para criar uma cor média com base nas cores da imagem, mas as vezes me retorna ...
Vanortton's user avatar
0 votos
0 respostas
17 visitas

Como posso pegar as imagens selecionadas do explorador de arquivos?

Tenho esse trecho de código e queria pegar a imagem selecionada pelo usuário e colocar no background do componente personalizado . Abaixo está uma amostra de como eu queria que ficasse <StyledPaper&...
Manoel Cidrone's user avatar
-1 votos
1 resposta
114 visitas

Criar elemento HTML dinamicamente através do JavaScript

Estou tentando criar um botão dinamicamente através do JavaScript. Acho que estou fazendo tudo certo, mas o botão não aparece na minha página. Podem me dar dicas de como resolver? function ...
Artur's user avatar
  • 11
-2 votos
1 resposta
168 visitas

Enviar o caminho da imagem do js para o html - DOM

Olá, preciso realizar um exercício simples com nós em js em que tenho que criar as tags de 6 cards e depois enviar o conteúdo desses cards pelo js, acontece que para mim ainda não é simples. Até ...
Denise Melo's user avatar
-1 votos
1 resposta
71 visitas

Fazer um botão mostrar e esconder uma <ul> em Js

Boa tarde, o meu objetivo é fazer com que um botão ao ser clicado mostre uma div que contém uma ul, que por default essa ul estará escondida. Até agora consegui fazer com que a ul sumisse, mas não ...
Juujuba's user avatar
-2 votos
1 resposta
105 visitas

Capturar centeúdo de uma página HTML com JavaScript

Estou fazendo um projeto a fim de curiosidade, e queria capturar o conteúdo dos links do meu HTML da página 1 e de acordo com qual link eu clicar, imprimir o conteúdo desse respectivo link na página ...
Vítor Lougon's user avatar
0 votos
0 respostas
18 visitas

Como eu uso o input file para upar uma imagem e colocar ela numa div? [duplicada]

Olá, queria saber se alguém pode me ajudar. Eu tenho essa div "form-img" que recebe um input para upar imagens e eu queria que quando eu upasse a imagem, ela aparecesse cobrindo essa div. Eu ...
Monitchov's user avatar
-2 votos
1 resposta
36 visitas

Como faço para apagar aquele elemento criado com js dentro de uma div? [fechada]

Eu quero que quando apertar o botão a nota em que o botão foi apertado seja apagada, ja tentei passaro "this" como parametro mas não vai. let notescontainer = document.getElementById("...
Danilo's user avatar
  • 37
-2 votos
1 resposta
166 visitas

Como usar o setInterval acionando com o click usando addEventListener no javascript? [fechada]

javascript.js explicação - já está funcioando o codigo e ele mostraa resposta "bahia" letra por letra de 2 em 2 segundo, porem não preciso nem clicar pra aparecer a resposta(está funcionando ...
Luan Augusto's user avatar
0 votos
1 resposta
55 visitas

Erro ao adicionar novo elemento ao HTML via JavaScript [fechada]

Olá, boa tarde. Quero fazer uma tela que calcule uma tabuada especificada pelo usuário. O resultado eu quero que apareça em um select separando cada valor dentro de uma option. Para isso eu pensei no ...
Cristian Martins's user avatar
-2 votos
1 resposta
343 visitas

extensão xml no php faltando (debian)

Estou tentando instalar as dependências do meu projeto com composer no debian 11 e está dando erro que algumas estensões estão faltando. Porém eu já instalei a xml com o comando sudo apt-install php7....
user5103's user avatar
  • 187
-1 votos
1 resposta
89 visitas

é seguro criar uma função direto no window ou document?

To criando uma extensão web no chrome e uma das funcionalidades é a criação de user scripts dinâmicos, eles são salvos no chrome.storage.local. No "manifest_version": 2 funciona ...
ronialison's user avatar
0 votos
2 respostas
333 visitas

Estou tentando ler um input type date e ele me retorna Cannot read properties of null (reading 'value') em JavaScript

Estou criando um timer para contar dias, horas, minutos e segundos a partir de uma data. A data fica na página home.html e o relógio em outra página clock.html ambas com o script modulado para cada. ...
Amilcar Pio's user avatar
-4 votos
1 resposta
178 visitas

Dúvida no querySelectorAll e addEventListener

Fala pessoal, to com uma dúvida básica aqui do seguinte. Estou criando uma calculadora em HTML, CSS e JS pra treinar o que aprendi até agora, só que para deixar o código mais limpo, quero usar o ...
Renato Pejon's user avatar
1 voto
1 resposta
541 visitas

Como acessar o conteúdo de um elemento iframe?

Tenho a seguinte query: description = document.getElementsByClassName('rte-container')[0] description = description.lastChild.getElementsByTagName('iframe')[0] Isso me retorna este elemento: <...
Rafael Costa's user avatar
-4 votos
1 resposta
56 visitas

Remover itens de um array de objetos

Estou tentando remover alguns itens de um array de objetos, sao eles: categoria, descricao e add function addCarrinho(event) { console.log(addCarrinho) const aComprar = event.target if (aComprar....
Macson Soares Rocha's user avatar
-1 votos
1 resposta
578 visitas

Como pegar o input de um HTML com JS e depois passar pra um arquivo.JSON, em um aplicativo electron;

Tenho um aplicativo electron. Existe um input no meu html que eu consigo pegar com um JS, quero colocar ele em um arquivo json. observe os seguintes códigos: --- no html (index) <input type=&...
Luiz Fernando's user avatar
-1 votos
1 resposta
735 visitas

Como mudar o valor de um date input com javascript?

Tenho esse input do tipo date e quero fazer mudanças nele pelo localStorage: <input type="date" id="dateMin"placeholder="Data Inicial"> Parte do javascript: ...
Maike Milenar's user avatar
-2 votos
1 resposta
80 visitas

Como inserir uma propriedade 'multiple' dentro de um Elemento HTML capturado pelo ID via Javascript

Gostaria de inserir a propriedade 'multiple' via javascript, para meu código aceitar múltiplos arquivos: file = document.getElementById('onetidIOFile'); <input type=​"file" name=​"...
Odelam Sá's user avatar
-1 votos
1 resposta
94 visitas

Obter value checkbox criado via javascript DOM

Tenho uma função javascript que cria elementos checkbox dinamicamente no html para criação de um formulário de perguntas. Preciso obter todos esses checkbox independente se forem marcados ou não pois ...
Evandro's user avatar
  • 436
-2 votos
1 resposta
905 visitas

Como criar um botão para alterar um texto no meu html com dados vindos do models.py do Django?

Estou começando a trabalhar com Django e estou iniciando um teste para solidificar o que venho aprendendo. A ideia é uma página única, que exiba uma frase assim que o site for aberto. Abaixo da frase, ...
Marcílio Júnior's user avatar
4 votos
0 respostas
194 visitas

Como estilizar componentes aninhados com Shadow DOM?

Possuo 2 componentes web aninhados que utilizam Shadow DOM. O primeiro, my-component, apenas renderiza o segundo componente: <my-another-component part="my-another-component" /> E o ...
Costamilam's user avatar
  • 10mil
0 votos
1 resposta
160 visitas

Javascript ,comparar o background de uma div pelo DOM

Bom dia senhores e senhoritas,eu estou fazendo uma comparação para alterar a cor de uma div se ela tiver com um background yellow pra green mas não entendo porque não está dando certo function ...
Gabriel Gregório's user avatar
2 votos
2 respostas
134 visitas

Por que um elemento do HTML é encontrado apenas no "onload"? [duplicada]

Se eu colocar o código livre, sem estar dentro do onload, a variável button vira null. Meu código atual funciona, mas queria saber o porquê de não funcionar sem estar dentro da função onload. HTML <...
Thalysson Leite's user avatar
0 votos
1 resposta
38 visitas

Para cada campo que for criado adicionar um valor

Olá eu estou tentando criar inputs e neles gostaria de colocar os valores que tem no meu array. <div id="guias"> <div class="form-row"> <div class="...
Alexsander Marlon's user avatar
-1 votos
2 respostas
909 visitas

Elemento não responde ao clique do Selenium (Python)

Estou há pouco tempo trabalhando com o Selenium em Python e enfrentando um problema em minha automação: O Selenium identifica o elemento (tanto por xpath como por qualquer outra maneira), mas no ...
Gabriel Prates da Costa's user avatar
0 votos
0 respostas
75 visitas

Como detectar alterações no innerHTML de um iFrame e executar uma função com MutationObserver?

Estou criando uma extensão para o Chrome e preciso que ela detecte (dentro de um iFrame) quando o innerHTML de um objeto for alterado e execute uma ação, exemplo: button.click();. Como posso criar ...
Roger Windberg's user avatar
1 voto
1 resposta
98 visitas

Javascript, porque somente document tem o metodo getElementById()? [fechada]

A pegunta é simples, porque o javascript só permite fazer chamadas ao método getElementById() na raiz da árvore DOM? Em outras palavras? porque somente o objetvo document tem o método getElementById()....
RJuliao's user avatar
  • 27
-4 votos
1 resposta
206 visitas

Somar os itens usando JavaScript? [fechada]

<!DOCTYPE html> <html lang="en"> <head> <title>jsdom</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> ...
Eduardo's user avatar
0 votos
1 resposta
57 visitas

Alterar cor de background e ligar todas as luzes das janelas quando for noite (apenas JavaScript)

Estou estudando JavaScript e resolvi criar um projeto prático, o qual consiste em um prédio que posso ligar e desligar as luzes clicando nas janelas, até ai ok. Porém queria implementar a função de ...
Marcos Prado's user avatar
0 votos
1 resposta
715 visitas

Alterar cor de DIV quando clicarmos com condição (JS)

Estou iniciando no js e estava realizando alguns estudos e praticando, porém me travei aqui, gostaria de trocar a cor dessas três DIVs quando clicarmos individualmente em cada uma para amarelo, mas ...
Marcos Rocha Prado's user avatar
0 votos
1 resposta
81 visitas

Tem algum problema em ter addEventListeners aninhados? | Eventos com Javascript

Eai pessoal, eu fiz um app to-do simples com HTML, CSS e JS puro. No entanto depois q finalizei o projeto me veio uma dúvida: Tenho um EventListener para criar um to-do: document.querySelector('.add')...
Bernardo Poyer's user avatar
3 votos
1 resposta
53 visitas

Transformar 3 funções semelhantes em uma só

Em meu projeto, eu possuo funções bem parecidas, com a mesma intenção, porém, como se trata de uma função de troca de classes do DOM (classList.replace), eu acabei fazendo um código muito repetitivo, ...
PiviaN's user avatar
  • 101
0 votos
1 resposta
229 visitas

Como atualizar <datalist> da DOM dinamicamente com Angular?

Estou aprendendo Angular e com dificuldade para atualizar a DOM de um formulário em Angular. Meu objetivo é fazer um autocomplete de email, após colocar o "@" em um input: o texto é ...
Edu's user avatar
  • 1
6 votos
3 respostas
453 visitas

Como manipular o DOM de uma página antes dela terminar de carregar?

Estou fazendo um lazy loader em javascript puro, atualmente coloco meu script embed no fim do HTML que identifica as imagens e, caso elas não estejam prontas (por exemplo carregadas da cache), este ...
Wagner Kramer's user avatar
1 voto
1 resposta
156 visitas

Como colocar varias expressôes JSX no onload no React

Tem algum jeito de colocar duas expressões JSX no onLoad? Toda vez que tento colocar duas expressões ele não reconhece a segunda expressão. Queria tentar colocar desta maneira : <td onLoad={e < ...
Matheus Perozini Magalhães's user avatar
-2 votos
1 resposta
880 visitas

Contador simple em Javascript [duplicada]

Olá, Estou fazendo um contador bem simples em javascript, porém não estou conseguindo fazer com que o for apareça no navegador, só está aparecendo o ultimo numero do laço. Quando testo no console o ...
Henrique Lima's user avatar
0 votos
1 resposta
214 visitas

"Error: cannot set property appendChild() of null

No meu código eu fiz uma função para criar um botão e logo após o usuário clicar nele o botão e o outro conteúdo alterado são apagados. Eu consegui chegar nesse ponto, porém botão fica no final do ...
user avatar
-1 votos
1 resposta
99 visitas

Manipular o DOM e remover parágrafo vazio antes e depois de um elemento figure?

Usando algum método em Javascript, como poderia remover elementos que estão sujando a HTML? Tenho a seguinte HTML: <div class="container-text"> <p> Teste onon onon noonnoon </...
Ivan Ferrer's user avatar
  • 12,3mil
0 votos
1 resposta
168 visitas

Como verificar se uma caixa de texto foi preenchida via querySelector em uma condição? [fechada]

Estou usando DOM pra carregar os dados e gostaria de usar o if para dar um innerHTML diferente se os campos foram ou não preenchidos. Mas não sei qual valor comparar... No console.log apresenta um tal ...
Carlos Eduardo's user avatar