Digamos que tengo algo como esto:
<div id="some_id"> <img src="url1" id="el_id1" hidden> <img src="url2" id="el_id2" hidden> <img src="url3" id="el_id3" hidden> </div>Y ahora, necesito javascript para eliminar todos estos atributos "ocultos". No sé las identificaciones exactas, solo sé que todas comienzan con prefijos de "el_id". ¿Cómo puedo realizarlo usando javascript puro?
Así que el atributo de uso comienza con selector y removeAttribute
var elems = document.querySelectorAll('img[id^="el_"][hidden]'); elems.forEach(function(elem) { elem.removeAttribute("hidden"); }); [hidden] { display: none; } <div id="some_id"> <img src="url1" id="el_id1" hidden> <img src="url2" id="el_id2" hidden> <img src="url3" id="el_id3" hidden> </div>Use document.querySelectorAll con un selector que:
<img> dentro <div>id que comienza con el_hidden Eliminar elementos hidden de los elementos encontrados usando removeAttribute()
document.querySelectorAll('div > img[id ^= "el_"][hidden]').forEach(e => e.removeAttribute("hidden")); <div id="some_id"> <img src="url1" id="el_id1" hidden> <img src="url2" id="el_id2" hidden> <img src="url3" id="el_id3" hidden> <img src="url3" id="dontdelete"> </div>