Skip to main content
added 673 characters in body
Fonte Link
Gabriel Gartz
  • 5,7mil
  • 3
  • 25
  • 48

Acho que a questão não é de adicionar valores no DOM, pois você mesmo disse que está fazendo isso, é em manipular eles de forma que eles recuperem seu estado quando navegando na página.

Um jeito é você salvar os estados dos elementos que você adicionou no browser, seja via Cookie (não é uma boa solução) ou via Web Storage (mais legal essa).

Então ao carregar o DOM, você pode verificar se os dados estão salvos para re-adicionar os elementos no DOM, conforme o necessário e alterar seus atributos.

Mas para responder a pergunta, sim é possível, exemplo:

$('body').append(document.createElement('div'));// vai adicionar uma div no body

// nativo:

document.body.appendChild(document.createElement('div')); // mesma coisa só que sem jquery

EDIT, por causa do comentário do autor:

Se você tem uma tabela e quer armazena-la por completo, para não solicitar novamente para o servidor, uma solução não muito elegante é transformar o conteúdo em string, armazenar em um storage (de preferencia por causa do tamanho) e depois fazer a evaluação na hora de colocar de volta, exemplo:

Salvando conteúdo da tabela:

localStorage.setItem('minhaTabela', $('#minhaTabela').html());

Recuperando conteúdo da tabela:

$('#minhaTabela').html(localStorage.getItem('minhaTabela'));

Verifique se o usuário tem suporte a localStorage e se existe valor salvo no item que vc vai armazenar os dados da tabela.

Acho que a questão não é de adicionar valores no DOM, pois você mesmo disse que está fazendo isso, é em manipular eles de forma que eles recuperem seu estado quando navegando na página.

Um jeito é você salvar os estados dos elementos que você adicionou no browser, seja via Cookie (não é uma boa solução) ou via Web Storage (mais legal essa).

Então ao carregar o DOM, você pode verificar se os dados estão salvos para re-adicionar os elementos no DOM, conforme o necessário e alterar seus atributos.

Mas para responder a pergunta, sim é possível, exemplo:

$('body').append(document.createElement('div'));// vai adicionar uma div no body

// nativo:

document.body.appendChild(document.createElement('div')); // mesma coisa só que sem jquery

Acho que a questão não é de adicionar valores no DOM, pois você mesmo disse que está fazendo isso, é em manipular eles de forma que eles recuperem seu estado quando navegando na página.

Um jeito é você salvar os estados dos elementos que você adicionou no browser, seja via Cookie (não é uma boa solução) ou via Web Storage (mais legal essa).

Então ao carregar o DOM, você pode verificar se os dados estão salvos para re-adicionar os elementos no DOM, conforme o necessário e alterar seus atributos.

Mas para responder a pergunta, sim é possível, exemplo:

$('body').append(document.createElement('div'));// vai adicionar uma div no body

// nativo:

document.body.appendChild(document.createElement('div')); // mesma coisa só que sem jquery

EDIT, por causa do comentário do autor:

Se você tem uma tabela e quer armazena-la por completo, para não solicitar novamente para o servidor, uma solução não muito elegante é transformar o conteúdo em string, armazenar em um storage (de preferencia por causa do tamanho) e depois fazer a evaluação na hora de colocar de volta, exemplo:

Salvando conteúdo da tabela:

localStorage.setItem('minhaTabela', $('#minhaTabela').html());

Recuperando conteúdo da tabela:

$('#minhaTabela').html(localStorage.getItem('minhaTabela'));

Verifique se o usuário tem suporte a localStorage e se existe valor salvo no item que vc vai armazenar os dados da tabela.

Fonte Link
Gabriel Gartz
  • 5,7mil
  • 3
  • 25
  • 48

Acho que a questão não é de adicionar valores no DOM, pois você mesmo disse que está fazendo isso, é em manipular eles de forma que eles recuperem seu estado quando navegando na página.

Um jeito é você salvar os estados dos elementos que você adicionou no browser, seja via Cookie (não é uma boa solução) ou via Web Storage (mais legal essa).

Então ao carregar o DOM, você pode verificar se os dados estão salvos para re-adicionar os elementos no DOM, conforme o necessário e alterar seus atributos.

Mas para responder a pergunta, sim é possível, exemplo:

$('body').append(document.createElement('div'));// vai adicionar uma div no body

// nativo:

document.body.appendChild(document.createElement('div')); // mesma coisa só que sem jquery