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
-1
votos
2
respostas
43
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
26
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 ...
-1
votos
0
respostas
7
visitas
Criar uma regra de deselecionar todos quando houver um item selecionado no angular2-multiselect-dropdown
Estou utilizando essa lib: Angular2 Multiselect Dropdown, o problema que preciso solucionar é o seguinte, quando eu seleciono dois items a opção desmarcar todos deveria aparecer ali no menu dropdown ...
0
votos
0
respostas
21
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
17
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
11
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
90
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
46
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
117
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
44
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
97
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
35
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
101
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
35
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
109
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
45
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
169
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
75
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
277
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
114
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
300
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
53
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....
-2
votos
1
resposta
43
visitas
trocar imagem com click? javascript puro
let espadas = ['1S','2S','3S','4S','5S','6S','7S','8S','9S','10S','11S','12S','13S'];
let div = document.getElementById("container");
let img = document.createElement("img");
...
-1
votos
1
resposta
454
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
480
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
58
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
76
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
675
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
140
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
111
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
110
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
30
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
647
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
60
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 ...
0
votos
1
resposta
41
visitas
Buscar valores XML com tag em quantidade variável
Estou buscando valores de um XML, que possui a estrutura abaixo:
<?xml version="1.0" encoding="UTF-8"?>
-
<retorno>
<status_processamento>3</...
1
voto
1
resposta
88
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
167
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
54
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
550
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
67
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
49
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
181
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
398
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
144
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
681
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
197
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
68
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
125
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 ...