Tengo una carpeta de proyecto que contiene una lista de archivos HTML que contienen alguna sintaxis de eliminación, estoy buscando un puntero donde busco cierto patrón de atributo y lo reemplazo con una nueva sintaxis.
Intenté algo con JSDOM pero no tuve éxito.
La estructura del archivo HTML es algo como esto, aquí encontré todas las apariciones de data-bind="attr:{id: <>}" y las reemplacé con:id="[[componentid]]"
<div data-bind="attr :{id :componentid}" class=""> <div class="formlayout"> <input type='textbox> </div> </div> <div data-bind=" attr :{id : pageid}" class=""> <div class="formlayout"> <input type='textbox> </div> </div>Después del cambio, el archivo HTML debería verse como a continuación.
<div :id="[[componentid]]" class=""> <div class="formlayout"> <input type='textbox> </div> </div> <div :id="[[pageid]]" class=""> <div class="formlayout"> <input type='textbox> </div> </div>Nota: Puede haber varios espacios en blanco para la propiedad de enlace de datos que debemos ignorar. Estaba intentando con JSDOM y node js pero no tuve éxito y el puntero será realmente útil
puedes probar esto...
<script> const getElement1 = document.querySelector(".data1"); const getElement2 = document.querySelector(".data2"); getElement1.removeAttribute("data-bind"); getElement1.setAttribute(":id", "[[componentid]]"); getElement2.removeAttribute("data-bind"); getElement2.setAttribute(":id", "[[pageid]]"); </script>