Obtenir le navigateur pour réévaluer un DOM modifié

Question

Je have du HTML :

AAAAA

Et du JS/jQuery :

$('#bbb').replaceWith('BBBB');
$('fish')[0].replaceWith('CCCC');

Ce qui s'affiche (sur Chrome) est :

AAAAA
BBBB
CCCC

Il semble qu'une fois que le navigateur marque un élément comme étant mauvais, il ne le réévaluera pas lorsque celui-ci est modifié. Comment puis-je faire en sorte qu'il affiche :

AAAAA
BBBB
CCCC

Je n'arrive pas à trouver comment faire. Toute aide serait grandement appréciée.

Merci.

Blake McBride

Answer 1

Les éléments / composants de dom personnalisés n'ont pas encore un support complet du navigateur, vous pouvez vérifier ici.

Mon conseil serait d'utiliser des div avec des classes CSS ou des ID. Sinon, vous ne pourriez pas vraiment faire grand-chose sans utiliser un framework réactif parmi toute la floppée de frameworks existants, car ils vous permettraient de définir ces éléments personnalisés et d'effectuer des actions avec eux.