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.
296
perguntas
-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 ...
-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 ...
-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 ...
-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=&...
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 ...
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, ...
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.
...
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 ...
-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"...
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 ...
-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 ...
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&...
-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 ...
-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é ...
-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 ...
-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 ...
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 ...
-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("...
-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 ...
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 ...
-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....
-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 ...
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.
...
-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 ...
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:
<...
-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....
-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=&...
-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:
...
-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="...
-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 ...
-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, ...
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 ...
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 ...
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
<...
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="...
-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 ...
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 ...
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()....
-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">
...
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 ...
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 ...
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')...
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, ...
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 é ...
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 ...
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 < ...
-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 ...
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 ...
-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 </...
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 ...