Para atualizar o valor de uma <div>
dinamicamente usando JavaScript, você pode usar o método innerHTML
para alterar o conteúdo HTML da <div>
. Aqui está um exemplo de como fazer isso:
HTML:
<div id="minhaDiv">Conteúdo inicial</div>
JavaScript:
// Obtém a referência para a div pelo seu ID
var minhaDiv = document.getElementById("minhaDiv");
// Atualiza o conteúdo da div
minhaDiv.innerHTML = "Novo conteúdo";
Neste exemplo, primeiro obtemos uma referência para a <div>
com o ID “minhaDiv” usando getElementById()
. Em seguida, usamos a propriedade innerHTML
para definir o novo conteúdo da <div>
. No caso do exemplo, estamos definindo o conteúdo como “Novo conteúdo”.
Dessa forma, sempre que você executar esse código JavaScript, o conteúdo da <div>
será atualizado para o novo valor especificado. Lembre-se de que o JavaScript precisa ser executado após o carregamento do DOM para garantir que o elemento da <div>
esteja disponível para manipulação.