Sélectionner un objet
<div id="message" class="maclass"&gt; contenu du div</div> var monobjet= document.getElementById('message'); var monobjet= document.getElementByClassName('maclass'); var monobjet= document.querySelector('message'); var monobjet= $('#message'); // jquery var monobjet= $('.maclass'); // jquery var myElements = document.querySelectorAll(".bar"); // plusieurs monobjet.innerHTML='test123'; document.getElementById('message').innerHTML='test123'; $('#message').html('test123'); $(monobjet).html('test123');
insertAdjacentHTML() inserre un contenu, avant ou après, dans un DIV par exemple
<script> var log = document.getElementById('message'); message.insertAdjacentHTML('beforeend', 'message ajouté à la fin du contenu'); message.insertAdjacentHTML('afterBegin', 'message ajouté au début du contenu'); message.insertAdjacentHTML('beforeBegin', 'message ajouté avant le DIV (ou objet)'); message.insertAdjacentHTML('afterEnd', 'message ajouté après le DIV (ou objet)'); </script>
infos ICI
querySelector innerHTML et textContent
document.querySelector('#message').innerHTML='test123'; document.querySelector('#message').textContent='test123'; // en jquery $('#monchamps').html('32132'); $('#monchamps').text('32132'); $('#monchamps').append('32132'); // pour ajouter