Détecter les balises isolées en JS

certaines balises HTML telles que IMG, INPUT, BR, HR... n'ont pas d'enfants ou plutôt leur état sémantique ne requiert pas qu'elles en aient...

pourtant elle présentent une propriété "childNodes" ... puisque ce sont des éléments comme les autres !

Dans ce cas, comment faire pour détecter dans le DOM de telles balises en JS ?

--> l'idée serait de maintenir une liste, dans un tableau, de telles balises, mais quelle est elle au juste ?

En principe ces balises sont dites auto-fermantes, c'est a dire

Code:

---

<[tagname]/>

---

Tu pourrais alors tester si leur outerHTML matche une regexp "/>$"

Bonjour,
on parle d'éléments vide : void elements.

Il ne sont pas nombreux, tu peux effectivement les ciblés rapidement via leur tag

Code:

---

1 2 3 4 5

const tagVoidElements = "area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr"; const voidElements = document.querySelectorAll(tagVoidElements); voidElements.forEach(function(el) { console.log(el.outerHTML); });

---

le nombre de balises étant limité (somme toute), je vais utiliser la solution N+2 : stocker quelque part la liste des noms de balises et l'utiliser suivant mes besoins.

merci à tous ! A + F - E