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
-1 votos
1 resposta
120 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 ...
33 votos
1 resposta
7mil visitas

O que é shadow DOM?

Quando eu estava lendo sobre alguns frameworks Javascript, como por exemplo o React, li algumas vezes a expressão shadow DOM em alguns artigos. Parece inclusive que é possível, nas configurações de ...
60 votos
2 respostas
4mil visitas

O que é DOM, Render Tree e Node?

Sou iniciante no JS e procuro entender a teoria, só que todos os artigos que encontro sobre DOM são demasiadamente "científicos". Não haveria uma forma mais simples de explicar isso para um "leigo"?
-2 votos
1 resposta
1mil 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, ...
1 voto
1 resposta
601 visitas

Pegar classe CSS de outros sites usando PHP HTML DOM Parser

To tentando pegar uma classe de um site de notícias, mas não estou conseguindo. $titulo = $html->find('feed-post-body-title gui-color-primary gui-color-hover', 0) ->innertext; ...
3 votos
3 respostas
3mil visitas

Como posso exibir como string qualquer objeto JavaScript?

Se eu tenho um objeto qualquer como new MeuObjeto(), e quero exibir como string todas as suas propriedades internas. Como posso fazer isso? Quando uso alert(new MeuObjeto()) o resultado é [object ...
1 voto
2 respostas
10mil visitas

Como remover todos os elementos de uma div em javascript? [fechada]

Como remover de uma vez só todos os elementos de uma div sendo que o removeChild() remove só um elemento?
4 votos
0 respostas
253 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
190 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
182 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
57 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 voto
1 resposta
491 visitas

Pegar valor de um campo Span com cURL Parser

Estou com uma duvida e um problema. Bom é o seguinte com cURL eu faço o login beleza até até ai tudo bem.. mas preciso pegar algumas informações que estão dentro do html: <span id="Number">...
-1 votos
2 respostas
1mil 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
92 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 ...
8 votos
3 respostas
1mil visitas

Como faço para adicionar library jQuery com JavaScript?

Gostaria de saber como fazer para carregar a biblioteca do jQuery com JavaScript puro e rodar algo simples com jQuery após sua carga? Meu código está desta forma: function colocaScript(){ var ...
-4 votos
1 resposta
234 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"> ...
1 voto
1 resposta
117 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()....
0 votos
1 resposta
59 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
92 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
54 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, ...
6 votos
3 respostas
498 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
162 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 < ...
19 votos
3 respostas
3mil visitas

Por que é considerado errado/ruim repetir uma ID em HTML?

Acho que o título diz tudo, por que é considerado errado repetirmos IDs em HTML? Noto muita gente fazendo coisas como: <div id="foo">bar</div> <div id="foo">baz</div> Para ...
0 votos
1 resposta
220 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 ...
-2 votos
1 resposta
1mil 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 ...
-1 votos
1 resposta
128 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 </...
3 votos
3 respostas
181 visitas

Por qual meio pode-se remover célula dinâmica inserida na tabela HTML

Script var opt = document; function inserirLinha(id) { var newRow = opt.createElement('tr'); newRow.insertCell(0).innerHTML = '<input type="button" ...
0 votos
1 resposta
195 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 ...
1 voto
1 resposta
234 visitas

Funçao append so adiciona o ultimo item do meu array

Tenho o seguinte código. Por algum motivo na hora de dar o append pra mostrar minhas li comm meus dados ele so mostra o ultimo item do meu array. Por favor alguem me ajude window.onload = initPage;...
1 voto
0 respostas
344 visitas

Ler XML com Ajax, JavaScript, DOM [fechada]

Como é possível realizar a leitura deste XML utilizando o Ajax, tentei de diversas formas, mas até o momento infelizmente não consegui obter sucesso, o objetivo é pegar o número do inum (...
1 voto
2 respostas
218 visitas

Como eu aumento uma propiedade CSS usando Js?

Eu estou precisando que cada vez que eu aperte em um botão, uma propiedade CSS aumenta em 10, exemplo: <style>div { left: 0; }</style> <button>Aumentar left em 10</button> <...
4 votos
1 resposta
147 visitas

colocar no html o resultado de cada iteração do ciclo for

Se me pudessem ajudar aqui numa questão agradecia imensamente! Então, sou muito junior em javascript e estou a fazer um exercicio, em que queria colocar os resultados do meu ciclo for a aparecer no ...
-2 votos
1 resposta
616 visitas

jQuery Adicionar classe a elemento gerado dinamicamente com click, porém apenas em um deles e ao clicar em outro, remover dos demais elementos

Olá, boa noite amigos, tudo bom? Estou estudando e desenvolvendo uma Todo list,após adicionar um item(<li>) a minha <ol>, criei um eventListener para que ao clicar em um dos items da lista,...
0 votos
1 resposta
1mil visitas

como fazer o react renderizar uma tabela

Estou tentando fazer uma tabela , 5 de altura por 7 largura , dentro do react , porém , quando eu tentou rodar o 2° for loop ele não reconhece e acaba não fazendo a ação , obg pela ajuda S2 function ...
2 votos
2 respostas
1mil visitas

Qual a diferença entre querySelectorAll() e getElementsByClassName()

Aparentemente essas duas funções são parecidas, qual é mais performática? Qual deveria usar? Qual a diferença entre as duas? document.querySelectorAll() function funDOM() { var x = ...
0 votos
1 resposta
349 visitas

Extrair dados de um formulário HTML com PHP e escrever Json

Olá, pessoal. Estou tentando pegar com PHP informações de uma tabela em HTML que está em um site, porém não estou conseguindo separar os dados extraídos. Minha intenção é gerar um arquivo Json com ...
-2 votos
1 resposta
164 visitas

Pegar elemento pelo seletor css

Tenho uma div em que quero pegá-la pela função document.querySelector mas não consigo A div: <div class=" f:.9 m-b:.4 m-t:.5 d:i-b ">Conteúdo</div> tentei fazer document....
1 voto
1 resposta
34 visitas

Função não dispara

Estou começando a trabalhar / aprender o DOM, porém estou tendo dificuldades, pois: const celsius = document.getElementsByName('celsius')[0] const fahrenheit = document....
1 voto
1 resposta
132 visitas

Alerta o usuário que ele não escolheu um type=radio;

Estou com um problema de não saber como identificar se o usuário selecionou uma opção type=radio. Segue o código: let nComputador = ""; let nJogador = ""; //let minhaEscolha = document....
0 votos
0 respostas
157 visitas

Selecionar elementos da DOM

Estou tentando selecionar um elemento da DOM via js para executar uma ação ao clicar. Porém o programa não responde ao click. Como devo proceder? segue o código! const modalOverlay = document....
-1 votos
1 resposta
429 visitas

window.history.back() [fechada]

Tenho uma página que possui um formulário com alguns dados e uma outra página posterior que possui um botão de voltar, a ideia é que quando o usuário utilize esse botão ele não perca os dados que ...
4 votos
5 respostas
9mil visitas

Como varrer um array e inserir os elementos no HTML com JS

Estou estudando a DOM do JS e tive umas dificuldades.Preciso mostrar os elementos desse vetor como tags li do HTML: let nomes = ["Diego", "Gabriel", "Lucas"]; Meu código é esse: function gerar(){...
1 voto
1 resposta
638 visitas

Em qual linguagem de programação um crawler/scrapper varre a DOM com mais rapidez?

Eu desenvolvi um script no qual eu utilizo a classe DOMDocument do PHP para fazer um crawler em um site de terceiro. A velocidade do script não atende ao objetivo esperado, gostaria de saber em qual ...
-4 votos
1 resposta
595 visitas

Como adicionar um texto a um input via javascript? [fechada]

Eu quero inserir um texto nos 2 inputs da imagem mas somente via javascript com manipulação de DOM. Como faço isso?
0 votos
1 resposta
609 visitas

Linha 36: Uncaught TypeError: Cannot read property 'addEventListener' of null [fechada]

Opa, tudo bom? Eu estou fazendo um projeto de vários teste do firebase. Pórem ele está dando o seguinte erro: Uncaught TypeError: Cannot read property 'addEventListener' of null Esse erro está sendo ...
2 votos
2 respostas
436 visitas

Alternar o texto de um elemento a cada clique

Estou querendo ficar mudando o que está escrito no DOM como um loop. Mas quando ele vai para o final do teste1 e chama o teste, não deveria começar de novo a função teste? document.addEventListener("...
0 votos
0 respostas
477 visitas

Como saber quando acontece a atualização do DOM virtual e do DOM real?

Estou desenvolvendo um projeto em React e reparei que usar múltiplos setState() seguidos causava o render do meu componente novamente, por exemplo: function MeuComponente() { console.log("...
-3 votos
1 resposta
394 visitas

Preencher automaticamente os inputs com js / jquery [fechada]

Eu estava fazendo alguns testes com automação JavaScript/jQuery e me deparei com alguns sites que não é possível preencher as entradas corretamente. Isto normalmente funcionaria na maioria dos sites: ...
0 votos
2 respostas
54 visitas

Vincular Evento a exclusao da TAG Classe

Eu preciso fazer com que ao clicar no botão "REMOVE" a funcao removeChild remova exatamente o produto no qual o botão REMOVE clicado está vinculado. Atualmente, tudo está certo mas eu sei que neste ...
3 votos
2 respostas
2mil visitas

Atribuir valor a um input específico

Bom dia pessoa, Estou com dificuldade em realizar um código. Tenho vários Inputs que são criados de maneira dinâmica. Preciso pegar o ID do elemento específico para fazer alteração do valor dele. ...