Quiero ejecutar JavaScript que encuentre todos los elementos en una página que contiene texto en su nombre de clase y cambiar los nombres de clase.
Por ejemplo, digamos que tengo los siguientes elementos:
<div class="blue selector">...</div> <div class="green selector">...</div> <div class="red selector">...</div> <div class="button">...</div>Digamos que quiero encontrar todos los elementos que contienen la palabra "selector" en sus nombres de clase y cambiar los nombres de clase de ese elemento a "selector", para que finalmente tenga:
<div class="picker">...</div> <div class="picker">...</div> <div class="picker">...</div> <div class="button">...</div>¿Qué JavaScript puedo ejecutar en la página para obtener este resultado?
Puede usar selectores de atributos coincidentes de subcadenas y cambiar el nombre de clase de los elementos.
document.querySelectorAll('div[class*="selector"]').forEach(node=> node.className = "picker");