Tu navegador no soporta la CSS Custom Highlight API: la demo usa un plan B con <mark> y verás cómo crece el DOM.

El navegador ya sabe resaltar texto sin tocar el DOM. Escribes en el buscador, JavaScript crea unos rangos y el CSS los pinta: no hay ni un solo span nuevo en el documento.

Sirve para buscadores, correctores ortográficos, editores de código o para seguir una lectura palabra a palabra. Prueba a buscar «rangos», activa la lectura o marca las erratas que se han colado: aqui hay una y otra en esepcional.

0rangos resaltados
0nodos del DOM en el texto
0en CSS.highlights