Effectuer des manipulations simples du DOM en Javascript est quelque chose que tout développeur Web devrait savoir faire. En utilisant des frameworks, ces derniers permettent de se passer de cette tâche mais il est tout de même impératif de comprendre comment manipuler le DOM en natif.

Qui n'a pas utilisé jQuery pour effectuer de simples tâches qui auraient pu être réalisées en pur Javascript ? HTMLDOM.dev est un site regroupant plusieurs exemples de codes ayant pour but de manipuler le DOM en Javascript.

Les bouts de codes sont rangés par niveau de difficulté : basic, intermediate, advanced. Parmi les codes simples, on retrouve par exemple comment cloner un élément, comment remplacer un élément, etc...

Dans les autres niveaux de difficultés, on retrouve :

HTMLDOM.dev contient beaucoup de codes intéressants. Il manque néanmoins un moteur de recherche et une possibilité de trier les codes par niveau de difficulté.

Afin d'améliorer le contenu, le dépôt Github associé vous permet de soumettre vos codes.