Javascript sélection modification de contenu

Sélectionner un objet

<div id="message" class="maclass"&amp;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
     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

fifteen − thirteen =