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
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"?
ropbla9's user avatar
  • 7.074
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 ...
Syzoth's user avatar
  • 100mil
60 votos
3 respostas
2mil visitas

Porque usar getElementById se o id está no window?

Recentemente em meus estudo notei um objeto que manipulava o DOM do elemento que tinha o mesmo nome em seu id. teste.style.border = '1px solid #CCC'; teste.style.width = '500px'; teste.style....
Guilherme Lautert's user avatar
58 votos
2 respostas
169mil visitas

Qual a diferença entre $(document).ready() e window.onload?

Existe diferença entre $(document).ready() e window.onload além de um ser JavaScript e o outro ser jQuery? Vejo que ambos os eventos são disparados assim que o DOM (Modelo de Objetos do Documento) é ...
Marconi's user avatar
  • 18mil
34 votos
3 respostas
29mil visitas

Criar elemento no HTML com JavaScript (appendChild vs innerHTML)

Recentemente estou criando muita coisa de HTML dinamicamente. Exemplo var table = document.createElement('table'); table.style = 'width:500px;border:1px solid #CCC;'; var tbody = document....
Guilherme Lautert's user avatar
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 ...
Wallace Vizerra's user avatar
14 votos
2 respostas
12mil visitas

Como clonar um elemento em Javascript?

Há possibilidade de obter um clone exato de um determinado elemento HTML? de forma que o clone contenha todas as propriedades exatamente iguais? Se houver, gostaria de saber como proceder para ...
Paulo Roberto Rosa's user avatar
17 votos
4 respostas
2mil visitas

A ordem dos estilos CSS influenciam a árvore de renderização?

Durante o paint do documento pelo browser a ordem das propriedades das classes do CSS podem interferir em como percebemos a "montagem" da página? Principalmente em conexões mais lentas, literalmente ...
hugocsl's user avatar
  • 66,8mil
14 votos
1 resposta
14mil visitas

O que é parse, e como funciona o parse do DOM no HTML5?

Comecei a estudar mais a fundo CSS3, e acabei querendo entender melhor como funciona a renderização do HTML no Document Object Model (DOM), e como é feita essa junção das marcações HTML e do estilo ...
gustavox's user avatar
  • 4.034
12 votos
1 resposta
255 visitas

Quando é útil capturar eventos do DOM?

Os eventos do DOM percorrem a árvore do documento até seu alvo, com uma fase de captura e uma fase de borbulhamento. O comportamento padrão ao se criar um listener com addEventListener é tratar o ...
bfavaretto's user avatar
  • 66,2mil
4 votos
3 respostas
5mil visitas

Como inserir um elemento entre dois elementos?

Explicação: Tenho uma <div> pai que contém duas <div> filhas, porém eu gostaria de inserir uma <table> utilizando javascript, entre, ou seja, no meio dessas duas <div> filhas ...
Paulo Roberto Rosa's user avatar
4 votos
1 resposta
233 visitas

Ao tentar criar um objeto usando `this` o console diz que a propriedade é undefined

Estou aprendendo a usar objetos em JavaScript, e me deparei com um comportamento imprevisto no meu objeto. No caso quando tento armazenar um elemento via DOM dentro de uma propriedade o console diz ...
Daniel Kenzi's user avatar
18 votos
3 respostas
29mil visitas

Como verificar undefined de maneira correta no Javascript

Qual é a melhor maneira de verificar se um elemento/variável é undefined no Javascript? Já vi alguns exemplos usando variavel === undefined e outros usando typeof variavel == "undefined".
Paulo Gonçalo's user avatar
5 votos
1 resposta
1mil visitas

Qual a diferença entre innerHTML e appendChild no JS?

Qual a diferença entre innerHTML e o appendChild? Na minha opinião são muito parecidos.
Russo BR's user avatar
4 votos
1 resposta
478 visitas

Qual a diferença de NodeList para HTMLCollection?

Estava lendo um código quando me deparei com a seguinte dúvida, gostaria saber se alguém poderia me esclarecer?
filipelinhares's user avatar
3 votos
3 respostas
2mil visitas

Existe algum comando ou função em JavaScript que controle a atualização de tela antes do loop terminar?

Apenas um exemplo: <script> for (var i=0;i<10;i++) { //Inicia loop for para contar de 0 até 9 var t=0; // inicia variável t com valor 0 while(t<1000000) { //inicia loop enquanto t for ...
Veronezi's user avatar
2 votos
1 resposta
154 visitas

javascript não cria elemento html e não adiciona na pagina

Estou começando no javascript e queria criar elementos html dinamicamente mas quando carrega a pagina ela fica em branco e não adiciona os elementos código abaixo: function add (){ var texto = ...
Marcelos Dourado's user avatar
1 voto
1 resposta
200 visitas

Criar estilo para vários elementos gerados dinamicamente

Tenho a seguinte função, que cria blocos dinamicamente: function criar(){ let box = document.querySelector('.box'); box.style.display = 'flex' let element = document.createElement('...
Danubio Lima's user avatar
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">...
Bruno henrique's user avatar
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("...
Rafael Tavares's user avatar
0 votos
1 resposta
148 visitas

Evitar que menu Dropdown feche com o Clique direito dentro dele

Gostaria que esse menu Dropdown não fechasse ao clicar com o botão direito do mouse dentro dele para abrir um link em uma nova aba. /* When the user clicks on the button, toggle between hiding ...
John Quimera's user avatar
15 votos
1 resposta
368 visitas

Exibir muitos elementos no DOM pode prejudicar a performance?

Eu gosto muito de utilizar bibliotecas como Vue e AngularJs e a minha implementação favorita era fazer Infinite Scroll (ou carregamento por demanda). Quer dizer, carrego inicialmente 15 registros via ...
Wallace Vizerra's user avatar
12 votos
2 respostas
356 visitas

document.getElementById('ID').func(....) vs ID.func(...) [duplicada]

Ontem deparei-me com uma coisa curiosa, não fazia ideia que dava para fazer desta maneira. Até agora eu fazia da seguinte maneira: document.getElementById('a').innerHTML = 'CONTENT'; <div id=...
Miguel's user avatar
  • 29,4mil
11 votos
3 respostas
499 visitas

Referir-se a um elemento via seu id é considerado ruim?

Em Javascript, pode-se fazer referência a qualquer elemento que possua um id (e em alguns casos um name) usando-se simplesmente um identificador com o mesmo nome - sem a necessidade de declará-lo: &...
mgibsonbr's user avatar
  • 82,5mil
7 votos
1 resposta
254 visitas

O "new DOMParser" é mais seguro que "document.createElement"?

Eu criei um script pra tentar remover conteudo inseguro na hora de injetar DOM (estou usando em extensões/addons pra navegadores): var str = "<strong>Hello</strong> mundo <script ...
Syzoth's user avatar
  • 100mil
5 votos
1 resposta
94 visitas

Adicionar propriedades ao elemento [Node]

Há algum problema em adicionar propriedades personalizadas diretamente no elemento [Node]? Por exemplo: document.getElementById('minhaDiv').minhaPropriedade = 'teste'; Estou utilizando o Firefox e ...
Oeslei's user avatar
  • 5.251
4 votos
1 resposta
336 visitas

Ajuda com estrutura de repetição PHP - PARSER - simple_html_dom.php

Estou fazendo um parser com simple_html_dom.php onde puxo todos os links de uma determinada página. Eu consigo puxar os links e atribuir a um array, aí que vem o problema: essa página tem um limite ...
Charles Fay's user avatar
  • 1.197
4 votos
2 respostas
5mil visitas

Como mudar o texto do botão OK do Alert?

Pessoal preciso de um Alert com o botão "Confirmar" ao invés de do botão "OK". como faço isso?
Marco Felipe's user avatar
3 votos
1 resposta
2mil visitas

O que é DOM Parser?

Lendo sobre expressão regular vi um termo recorrente, DOM parser, e me surgiram as dúvidas: O que é DOM Parser? Como funciona? Toda linguagem tem?
MagicHat's user avatar
  • 12,6mil
3 votos
1 resposta
920 visitas

Como funciona o processo de renderização das página web pelo browser? [fechada]

Sei que existe a arvore DOM, mas desconheço como funciona a renderização. Sei que aprender isso é importante.
Gilmar Santos's user avatar
3 votos
2 respostas
1mil visitas

Posicionamento dos scripts e links css num documento html

Sempre coloquei os scripts e os links ao CSS na parte superior do documento no head do documento. Agora percebo que há um outro conceito em que as chamadas aos scripts e CSS, ficam na parte inferior ...
pnet's user avatar
  • 14,9mil
2 votos
2 respostas
2mil visitas

Como obter a tag <a> dentro de um <DIV, utilizando XPATH?

Estou tentando obter os dados de um DIV que contém a seguinte estrutura: <div class="item" style="height:273px"> <a href="/arapiraca/anuncios/detalhes/159695-honda-cg-150-2008"> <...
Marcelo de Andrade's user avatar
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 = ...
alxwca's user avatar
  • 881
2 votos
1 resposta
688 visitas

visualizar elemento HTML colocado na página usando DOM - Javascript

Classe Piso e classe Consola /** * Classe Piso * contem um numero piso */ function Piso(id) { this.id = id; } /** * Classe Consola * contem uma lista de pisos */ function Consola(nome) { ...
Renata P Souza's user avatar
1 voto
1 resposta
505 visitas

Como funciona os eventos no jquery

Mostrarei exemplos apenas do evento click para ficar mais simples de explicar, porem esta dúvida e referente a qualquer evento jquery. Quando eu comecei a utilizar o jquery eu só utilizava o evento ...
Wictor Chaves's user avatar
1 voto
1 resposta
945 visitas

Como usar o querySelectorAll() para procurar por tag especifica derivada de um elemento que tem uma classe x?

Alguém saberia me ajudar a usar o .querySelectorAll() para encontrar todos os elementos de parágrafo derivados dos elementos que possuam uma classe x?
Wemerson Nino's user avatar
1 voto
3 respostas
2mil visitas

Verificar se window load é false

Quando eu dou o comando: $(window).load(function(){ console.log('Site totalmente carregado!'); }); Funciona corretamente, a mensagem no console so aparece quando a janela foi totalmente ...
Lucas de Carvalho's user avatar
1 voto
1 resposta
106 visitas

Como assegurar que um elemento terá o evento DOM?

Boa tarde, Hoje estou enfrentando um bug bastante estranho em minha aplicação: Eu possuo um campo do tipo textarea onde eu digito um corpo de email e logo abaixo do mesmo um botão que quando é ...
Renoir Reis's user avatar
1 voto
1 resposta
358 visitas

Remover class e alterar valor aria-hidden ao clicar no body

Existe um projeto no code pen chamado "Flex Priority Menu #1.2" é um menu magnifico que quando tem muitos links ou a janela "resized", ele vai ocultando e colocando em um dropdown [More...].Tudo é ...
John Quimera's user avatar
-2 votos
1 resposta
128 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