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






15
Prática recomendada: acesse elementos do formulário pelo atributo HTML id ou name?
Como qualquer desenvolvedor experiente de JavaScript sabe, existem muitas maneiras (demais) de fazer a mesma coisa. Por exemplo, digamos que você tenha um campo de texto da seguinte maneira: <form name="myForm"> <input type="text" name="foo" id="foo" /> Há muitas maneiras de acessar isso em JavaScript: [1] document.forms[0].elements[0]; [2] document.myForm.foo; [3] document.getElementById('foo'); …
136 javascript  html  forms  dom 

3
Diferença entre document.addEventListener e window.addEventListener?
Ao usar o PhoneGap, ele tem algum código JavaScript padrão que usa document.addEventListener, mas eu tenho meu próprio código que usa window.addEventListener: function onBodyLoad(){ document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("touchmove", preventBehavior, false); window.addEventListener('shake', shakeEventDidOccur, false); } Qual é a diferença e qual é melhor usar?

2
Obter elemento na posição especificada - JavaScript
Usando Javascript, como posso identificar o elemento em uma determinada posição? Basicamente, estou procurando escrever uma função que use dois parâmetros de entrada (as coordenadas x e y) e retorne o elemento html na posição na tela representada pelos parâmetros.
133 javascript  html  dom 

5
querySelector, correspondência de elemento curinga?
Existe uma maneira de corresponder um nome de elemento curinga usando querySelectoror querySelectorAll? Vejo suporte para curingas em consultas de atributo, mas não para os próprios elementos. O documento XML que estou tentando analisar é basicamente uma lista simples de propriedades e preciso encontrar elementos que tenham determinadas cadeias de …



7
Como crio um link usando javascript?
Eu tenho uma string para um título e uma string para um link. Não sei como reunir os dois para criar um link em uma página usando Javascript. Qualquer ajuda é apreciada. EDIT1: Adicionando mais detalhes à pergunta. A razão pela qual estou tentando descobrir isso é porque tenho um …

2
Diferença entre window.location.href, window.location.replace e window.location.assign
Qual é a diferença entre window.location.href="http://example.com"; window.location.replace("http://example.com"); window.location.assign("http://example.com"); Eu li em muitos fóruns que window.location.assign()apenas substitui o histórico da sessão atual e, portanto, o botão voltar do navegador não funcionará. No entanto, não sou capaz de reproduzir isso. function fnSetVariable() { //window.location.href = "http://example.com"; window.location.replace("http://example.com"); //window.location.assign("http://example.com"); } <a onmouseover="fnSetVariable();" href="PageCachingByParam.aspx?id=12" …
128 javascript  dom  location 

8
Como faço para alternar a classe de um elemento em JavaScript puro?
Estou procurando uma maneira de converter este código jQuery (que é usado na seção de menu responsivo) para JavaScript puro. Se for difícil de implementar, não há problema em usar outras estruturas JavaScript. $('.btn-navbar').click(function() { $('.container-fluid:first').toggleClass('menu-hidden'); $('#menu').toggleClass('hidden-phone'); if (typeof masonryGallery != 'undefined') masonryGallery(); });
128 javascript  dom  toggle 

5
Elemento get de JavaScript pelo nome
Considere esta função: function validate() { var acc = document.getElementsByName('acc').value; var pass = document.getElementsByName('pass').value; alert (acc); } E esta parte HTML: <table border="0" cellpadding="2" cellspacing="0" valign="top"> <tr> <td class="td1">Account</td> <td class="td2"><input type="text" name="acc" /></td> </tr> <tr class="td1"> <td>Password</td> <td class="td2"><input type="password" name="pass" /></td> </tr> </table> <div><button onClick="validate()" class="cupid-greenx">Login now</button></div> A …
127 javascript  html  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.