Notes dev.

Javascript : créer un élément dans le dom

element.appendChild(yourCreatedElement);

créer un élément dans le dom à travers une boucle:

1ere façon :

document.createElement('div')

2eme façon :

parent.appendChild(monElement.cloneNode(true))

Javascript : ajouter/retirer/modifier/verifier une classe d’un élément :

//pour ajouter
element.classList.add('maClasse');

//pour retirer une class
element.classList.remove('myClasse');

//pour remplacer une classe
element.classList.replace('ceci','cela');
//remplace ceci par cela

// exemple pour verifier si un element possede la classe donnée
element.classList.contains('estcequetuesla');

Javascript : récupérer un reste de division :

console.log(13 % 5) 
//3 (c'est à dire 13/5 : en 13 combien de fois 5 ? 2,.: 13-10 reste 3)

Javascript récupérer le texte d’un élément du DOM

element.textContent;

//on peut aussi ajouter du texte de cette façon

element.textContent += "rajoute un peu de texte stp"
//console.log(element.textContent) retourne
//"rajoute un peu de texte stp"
element.textContent += " et un peu de rab"
//console.log(element.textContent) retourne
//"rajoute un peu de texte stp et un peu de rab"

enlever les espaces inutiles dans l’élément textuel du DOM

element.textContent.trim()

récupérer une lettre d’un texte à un endroit donné

monTexte.charAt(monIndex)

Faire une boucle infinie avec setTimeout

function start() {
    setTimeout(function(){
         console.log("hello infinite");
         // fonction redondante
         start();}, 3000) //toute les 3 secondes
})
}
//j'appelle ma fonction redondante toute les 3 secondes
sstart();

Stopper un setTimeout

clearTimeout;

Ajouter un attribut :

element.setAttribute('id','nom_de_l_id')
// j'ajoute l'id "nom_de_l_id" à mon élément

Récupérer la propriété data d’un élément

element.dataset.nom_de_mon_attr_data;
// ex:
<div id="maDiv" data-force:"rouge"></div>
<script>
console.log(document.getElmentById('maDiv').dataset.force)
//retourne : rouge
</script>

Vérifier qu’un élément est un objet

ex:
console.log(typeof elementAVerifier == "object")
// return true si Object sinon return false

Vérifier qu’un élément est un tableau

ex:
console.log(Array.isArray(element))
// return true si tableau sinon retourne false