Articles of dom

Manipulando innerHTML remove o manipulador de events de um elemento filho?

Eu tenho essa demonstração muito simples: function foo() { alert(‘Works!’); } var inp = document.createElement(‘input’); inp.onblur = foo; document.body.appendChild(inp); Veja aqui: http://jsfiddle.net/A7aPA/ Como você pode ver, isso funciona. (Clique na input, clique em algum outro lugar e um alerta será exibido.) No entanto, se eu adicionar esta linha ao código JavaScript: document.body.innerHTML += ”; em […]

Qual é o URL do meu script src?

Existe uma maneira simples e confiável de determinar a URL do arquivo JavaScript atualmente em execução (dentro de uma página da Web)? Meu único pensamento sobre isso é verificar o DOM para todos os atributos script src para descobrir como o arquivo atual foi referenciado e, em seguida, descobrir o URL absoluto, aplicando-o ao document.location […]

Javascript / DOM: Como remover todos os events de um object DOM?

Apenas pergunta: Existe alguma maneira de remover completamente todos os events de um object, por exemplo, um div? EDIT: estou adicionando por div.addEventListener(‘click’,eventReturner(),false); um evento. function eventReturner() { return function() { dosomething(); }; } EDIT2: Eu encontrei uma maneira, que está funcionando, mas não é possível usar para o meu caso: var returnedFunction; function addit() […]

Diferença entre HTMLCollection, NodeLists e matrizes de objects

Eu sempre fui confundido entre HTMLCollections, objects e matrizes quando se trata de DOM. Por exemplo… Qual é a diferença entre document.getElementsByTagName(“td”) e $(“td”) ? $(“#myTable”) e $(“td”) são objects (objects jQuery). Por que o console.log também mostra o array de elementos DOM ao lado deles, e eles não são objects e não um array? […]

É possível executar um arquivo .exe ou .bat no ‘onclick’ em HTML

É possível executar bat / arquivo executável usando o evento de botão html5? No IE, é possível usar o object Shell se não estiver errado.

Como posso destacar o texto do object Intervalo DOM?

Eu seleciono algum texto na página html (aberta no firefox) usando o mouse, e usando funções javascript, eu crio / obtenho o object range que corresponde ao texto selecionado. userSelection =window.getSelection(); var rangeObject = getRangeObject(userSelection); Agora eu quero destacar todo o texto que vem sob o rangeobject.I estou fazendo assim, var span = document.createElement(“span”); rangeObject.surroundContents(span); […]

Modo independente do navegador para detectar quando a imagem foi carregada

No IE, você pode onreadystatechange. Há onload, mas eu li coisas assustadoras . O jQuery finaliza muito bem o evento de carregamento do DOM com “ready”. Parece provável que eu esteja apenas ignorando a implementação de carga de imagem de outra biblioteca legal. O contexto é que estou gerando imagens dinamicamente (por meio de retornos […]

Como replace o elemento DOM no lugar usando JavaScript?

Eu estou olhando para replace um elemento no DOM. Por exemplo, há um elemento que eu quero replace por um . Como eu iria e faria isso?

Método mais eficiente para detectar / monitorar mudanças no DOM?

Eu preciso de um mecanismo eficiente para detectar alterações no DOM. De preferência, entre navegadores, mas se houver algum meio eficiente que não seja cross browser, posso implementá-los com um método cross-browser fail-safe. Em particular, preciso detectar alterações que afetariam o texto em uma página, portanto, quaisquer elementos novos, removidos ou modificados ou alterações no […]

Javascript: Como percorrer TODOS os elementos DOM em uma página?

Eu estou tentando fazer um loop sobre todos os elementos em uma página, então eu quero verificar cada elemento que existe nesta página para uma class especial. Então, como eu digo que eu quero verificar todos os elementos?