Extractor de atributos data-* de HTML procesa el contenido directamente en tu navegador para inventariar atributos HTML data-* junto con el elemento en el que aparecen y su valor. Está pensado para trabajo técnico cotidiano: admite ejemplos reales, muestra un resultado reutilizable y resume los datos relevantes sin enviar el texto a servicios externos. Revisa las opciones antes de ejecutar la herramienta cuando necesites adaptar el formato de salida.
Inventariar atributos html data-* junto con el elemento en el que aparecen y su valor.
El resultado se genera localmente en el navegador. Compruébalo antes de incorporarlo a código de producción.
Entrada:
<button data-action="save" data-id="42">Guardar</button>
Resultado esperado:
button → data-action = save button → data-id = 42
El HTML se analiza con DOMParser. Se recorren todos los elementos, se inspeccionan sus atributos y se conservan únicamente los nombres que comienzan por data-.
La herramienta cubre patrones habituales y no sustituye un compilador, un analizador de esquema completo ni las bibliotecas oficiales del lenguaje.
Sí. Recorre todos los elementos del fragmento o documento y recoge cada atributo cuyo nombre empiece por data-.
El informe conserva el nombre HTML original para evitar ambigüedades; puedes usarlo después para mapearlo a dataset según las reglas del DOM.
No. El contenido se analiza con DOMParser como documento y no se ejecutan scripts del texto de entrada.
Se incluyen con una cadena vacía, porque siguen siendo atributos presentes en el marcado.
Sí. Es útil para inventariar identificadores, atributos de seguimiento y metadatos personalizados antes de una migración.
| Módulo | Función |
|---|---|
| Analizador HTML | Construye un DOM sin ejecutar scripts. |
| Filtro de atributos | Selecciona únicamente nombres data-*. |
| Contexto | Muestra etiqueta y valor para cada coincidencia. |