In this blog post you’re going to learn how to create your own HTML elements and define a JavaScript API for them. Thanks for reading. Le code ci-dessous est tiré de notre exemple de rappels de cycle de vie (le voir s'exécuter en direct). The Custom Elements API is useful for creating new HTML elements, but it's also useful for extending other custom elements or even the browser's built-in HTML. In our previous example, we saw a very simple custom HTML tag implementation. // Toujours appeler "super" d'abord dans le constructeur, // Ecrire la fonctionnalité de l'élément ici, // Prendre le contenu de l'attribut et le mettre dans le span d'info, // Création du CSS à appliquer au dom fantôme, // Attacher les éléments créés au dom fantôme, 'Custom square element removed from page. For instance, let’s say you have a list of different restaurants on a webpage. The x-tags polyfill maintained by Mozilla is also very useful. Think of it like a React or Angular component (e.g. The easiest way to understand how web components allow for custom HTML elements is to first look at an existing element we already know from HTML5: the