// for ( initialisation variables ; condition à tester ; à exécuter à chaque passage
// on peut omettre une section, mais il faut les ; 
for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
// on peut omettre une section, mais il faut les ; 
// ex 
var i=0;
for (; i < len; ) { i++;}

//**************************************************
// for sur les propriétés d'un objet ou d'un array
var obj = {a:1, b:2, c:3};
    
for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}

// Output:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

// attention aucune garanties sur l'ordre, notamment d'un navigateur à l'autre

//**********************************************
while (i < 10) {
    text += "The number is " + i;
    i++;
}

//**********************************************
myArray.forEach(function(item, index) {
    console.log(item, index);
});

$('.col2').each(function () {   
    var item = $(this).text();
    var num = Number(item).toLocaleString('fr-FR', { style: 'currency', currency: 'EUR' });

    $(this).text(num);
});
	
toLocaleString  : 123456.23  -> 123 456,23 €

Article

var arrayLignes = document.getElementById("monTableau").rows;
var longueur = arrayLignes.length;
var i=2 // 2eme ligne
var arrayColonnes = arrayLignes[i].cells;
var j=3;
var cellule=arrayColonnes[j];
cellule.style.backgroundColor = "red";  // change la couleur de la 3eme celulle de la 2eme ligne

rowIndex
sectionRowIndex
// numéro de ligne 0 en bas nbligne-1 en haut

var nouvelleLigne = document.getElementById("monBody").insertRow(-1); // insère une ligne en bas du tableau

// clique sur une cellule récupère le col_num et row_num et modifie le contenu
$(document).ready(function(){
    $("#client_table td").click(function() {     
 
        var col_num = parseInt( $(this).index() ) ;
        var row_num = parseInt( $(this).parent().index() + 1);    
 
        $("#result").html( "Row_num =" + row_num + "  ,  Rolumn_num ="+ col_num );   
		
		document.getElementById("client_table").rows[row_num].cells[col_num].innerHTML='yyyy';
    });
});

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