Perguntas com a marcação «dom»

O DOM (Document Object Model) é uma maneira de se referir programaticamente aos elementos de uma linguagem de marcação como XML e HTML. Use com [javascript] ou qualquer outra linguagem de programação que tenha um analisador DOM

25
Verificar se um elemento contém uma classe em JavaScript?
Usando JavaScript simples (não jQuery), existe alguma maneira de verificar se um elemento contém uma classe? Atualmente, estou fazendo o seguinte: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": …
588 javascript  html  css  dom 
16
jQuery encontrar manipuladores de eventos registrados com um objeto
Como obter informações sobre Stack Overflow no Stack Overflow em Português : JQuery Preciso descobrir quais manipuladores de eventos estão registrados sobre um objeto. Por exemplo: $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")tem clique e mouseover registrado. Existe uma função para descobrir isso e possivelmente interagir com os manipuladores de eventos? Se …
555 jquery  events  dom 
9
Por que jQuery ou um método DOM, como getElementById, não encontra o elemento?
Quais são os possíveis motivos para document.getElementById, $("#id")ou qualquer outro método DOM / seletor jQuery não encontrar os elementos? Exemplos de problemas incluem: jQuery silenciosamente falhando ao vincular um manipulador de eventos jQuery "getter" métodos ( .val(), .html(), .text()) retornandoundefined Um método DOM padrão retornando, nullresultando em qualquer um dos …
483 javascript  jquery  dom 
24
Como posso verificar se existe um elemento no DOM visível?
Como você testa um elemento quanto à existência sem o uso do getElementByIdmétodo? Eu configurei uma demonstração ao vivo para referência. Também vou imprimir o código aqui: <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i …
16
Como definir programaticamente o valor de um elemento da caixa de seleção usando JavaScript?
Eu tenho o seguinte <select>elemento HTML : <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> Usando uma função JavaScript com o leaveCode número como parâmetro, como faço para selecionar a opção apropriada na lista?
421 javascript  html  dom 
30
Detectar clique fora do componente React
Estou procurando uma maneira de detectar se um evento de clique ocorreu fora de um componente, conforme descrito neste artigo . O jQuery closest () é usado para verificar se o destino de um evento click possui o elemento dom como um de seus pais. Se houver uma correspondência, o …
410 javascript  dom  reactjs 
12
Loop For para elementos HTMLCollection
Estou tentando definir get id de todos os elementos em um HTMLCollectionOf. Eu escrevi o seguinte código: var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } Mas eu consegui a seguinte saída no console: event1 undefined o que não é o que eu esperava. Por que a …
406 javascript  dom 
4
Noções básicas sobre offsetWidth, clientWidth, scrollWidth e -Height, respectivamente
Há várias perguntas no StackOverflow sobre offsetWidth / clientWidth / scrollWidth (e -Height, respectivamente), mas nenhuma fornece explicações detalhadas sobre quais são esses valores. Além disso, existem várias fontes na web que fornecem informações confusas ou incorretas. Você pode dar uma explicação completa, incluindo algumas dicas visuais? Além disso, como …
385 html  css  dom 
18
Verifique se o elemento está visível no DOM
Existe alguma maneira de verificar se um elemento é visível em JS puro (sem jQuery)? Então, por exemplo, nesta página: Bicicletas de desempenho , se você passar o mouse sobre Ofertas (no menu superior), uma janela de ofertas aparecerá, mas no começo ela não foi exibida. Está no HTML, mas …
378 javascript  dom 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.