Manipulation du DOM en Javascript

// Retourne un objet HTML correspondant à l'élément sélectionné
document.getElementById("my_div");
 
// Retourne un tableau de tous les éléments de la famille indiquée. Cette fonction peut être appelée sur un autre objet HTML
document.getElementsByTagName("table");
div.getElementsByTagName("ul");
 
// Retourne les éléments d'un formulaire dont l'attribut name a la valeur passée en paramètre
document.getElementByName("postal_code");
 
// Retourne le 1er élément trouvé dans le DOM correspondant au sélecteur CSS passé en paramètre
querySelector("#menu .item span");
 
// Retourne un tableau de tous les éléments trouvés dans le DOM correspondants au sélecteur CSS passé en paramètre
querySelectorAll("#menu li");
 
// Retourne la valeur de l'attribut en paramètre pour l'objet sur lequel on applique la fonction
getAttribute("href");
 
// Modifie la valeur de l'attribut en paramètre 1 avec la valeur du paramètre 2 sur l'objet
setAttribute("type","'hidden");
 
// Retourne les classes appliquées à l'objet source. Une chaine de caractères est retournée avec les classes séparées par des espaces
itemHTML.className;
 
// Modifier les classes CSS de l'objet source
itemHTML.className = 'low_padding";
 
// Retourne le contenu HTML de l'objet source
item.innerHTML
 
// Modifier le contenu HTML de l'objet source. On peut faire += pour ajouter du contenu
item.innerHTML = "<p>Nouveau contenu</p>";
 
// Accède / retourne l'élément parent de l'objet source
item.parentNode;
 
// Accède / retourne le 1er enfant / le dernier enfant de l'objet source
item.firstChild;
item.lastChild;
 
// Accède au prochain / précédent élément du DOM par rapport à l'élément source
item.nextSibling;
item.lastSiblgin;
 
// Créer un nouvel élément dans le DOM
document.createElement("a");
 
// Ajoute un élément enfant à l'objet source dans le DOM
document.getElementById("my_p").appendChild(newLink);
 
// Supprime un élément enfant de l'objet source dans le DOM
link.parentNode.removeChild("a");

// Mise en place d'un évènement
let element = document.getElementById("clickme");
element.addEventListener("click", function() {
    alert("Vous m'avez cliqué !");
});
 
// Suppression de l'évènement
element.removeEventListener("click", myFunction);

let form_login = document.getElementById("form_login");
form_login.addEventListener("submit", function(event) {
    event.preventDefault();
 
    // Traitement
 
    // On utilisera la variable << this >> pour manipuler le formulaire
 
});