Perguntas com a marcação «dom»

Digamos que eu tenha três <div>elementos em uma página. Como posso trocar as posições da primeira e da terceira <div>? jQuery está bem.

97 javascript  jquery  dom 

Eu estava lendo sobre fragmentos de documentos e refluxo de DOM e me perguntei como document.createDocumentFragmentdiferem, document.createElementjá que parece que nenhum deles existe no DOM até que eu os acrescente a um elemento DOM. Fiz um teste (abaixo) e todos demoraram exatamente a mesma quantidade de tempo (cerca de 95ms). …

97 javascript  dom 

É possível detectar quando todas as imagens são carregadas por meio de um evento jQuery? Idealmente, deve haver um $(document).idle(function() { } ou $(document).contentLoaded(function() { } Mas não consigo encontrar tal coisa. Pensei em anexar um evento como este: $(document).ready(function() { var imageTotal = $('img').length; var imageCount = 0; $('img').load(function(){if(++imageCount …

96 jquery  dom 

Javascript: eu tenho a representação DOM de um nó (elemento ou documento) e estou procurando a representação de string dele. Por exemplo, var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); deve render: get_string(el) == "<p>Test</p>"; Tenho a forte sensação de que estou perdendo algo trivialmente simples, mas simplesmente não encontro um método que …

96 javascript  string  dom  cross-browser  element 

Qual função você usa para obter o innerHTML de um determinado DOMNode na implementação do DOM do PHP? Alguém pode dar uma solução confiável? É claro que outerHTML também serve.

96 php  dom  innerhtml 

Quero associar um objeto JavaScript a um elemento HTML. Existe uma maneira simples de fazer isso? Percebi que o HTML DOM define um método setAttribute e parece que isso é definido para um nome de atributo arbitrário. No entanto, isso só pode definir valores de string. (Você pode, obviamente, usar …

96 javascript  dom 

Eu tenho uma função Javascript que aceita uma lista de nós HTML, mas espera um array Javascript (executa alguns métodos Array nisso) e quero alimentá-lo com a saída Document.getElementsByTagNameque retorna uma lista de nós DOM. Inicialmente pensei em usar algo simples como: Array.prototype.slice.call(list,0) E isso funciona bem em todos os …

96 javascript  html  dom 

Como o cursor pode ser focalizado em uma caixa de entrada específica no carregamento da página? É possível reter também o valor do texto inicial e colocar o cursor no final da entrada? <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />

95 javascript  html  dom  xhtml 

Imagine que tenho o seguinte HTML: <div><span><b>This is in bold</b></span></div> Quero obter o HTML para o div, incluindo o próprio div. Element.innerHTML retorna apenas: <span>...</span> Alguma ideia? obrigado

94 javascript  html  dom 

Eu tenho um método cujo objetivo principal é definir uma propriedade em um objeto DOM function (el) { el.expando = {}; } Eu uso o estilo de código do AirBnB, o que faz o ESLint gerar um no-param-reassignerro: Erro de atribuição ao parâmetro de função 'el' no-param-reassign Como posso manipular …

94 javascript  dom  eslint 

Achei que essa seria uma maneira rápida de remover o conteúdo de uma tabela muito grande (3.000 linhas): $jq("tbody", myTable).remove(); Mas está demorando cerca de cinco segundos para ser concluído no Firefox. Estou fazendo algo estúpido (além de tentar carregar 3.000 linhas em um navegador)? Existe uma maneira mais rápida …

93 javascript  jquery  dom 

Dê uma olhada neste HTML simples: <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> Digamos que eu queira mover os envoltórios para que o #wrap2seja antes do #wrap1. Os iframes são poluídos por JavaScript. Estou ciente de jQuery's .insertAfter()e .insertBefore(). No entanto, quando eu os uso, o iFrame …

93 javascript  jquery  dom  iframe 

Sempre me confundi entre HTMLCollections, objects e arrays quando se trata de DOM. Por exemplo... Qual é a diferença entre document.getElementsByTagName("td")e $("td")? $("#myTable")e $("td")são objetos (objetos jQuery). Por que o console.log também mostra a matriz de elementos DOM ao lado deles, e eles não são objetos e não são uma …

93 javascript  jquery  dom 

As expressões gostam Element.getAttribute("id")e Element.idretornam a mesma coisa. Qual deve ser usado quando precisamos de atributos de um objeto HTMLElement? Existe algum problema entre navegadores com esses métodos, como getAttribute()e setAttribute()? Ou qualquer impacto no desempenho entre o acesso direto às propriedades do objeto e o uso desses métodos de …

92 javascript  html  dom 

Peço desculpas se esta pergunta já foi respondida. Tentei pesquisar soluções, mas não consegui encontrar nenhuma que se adequasse ao meu código. Ainda sou novo no jQuery. Tenho dois tipos diferentes de menus fixos para duas páginas diferentes. Aqui está o código para ambos. $(document).ready(function () { var contentNav = …

91 javascript  jquery  html  css  dom