Muchísimas gracias a todos, he resuelto el problema con el código que proporcionó _cronos2.
Al final he aplicado los conocimientos adquiridos de otros post para elaborar esto:
Código Javascript
:
Ver originalvar css = document.createElement('style');
css.type = 'text/css';
css.innerHTML = '.Meme-icon{background: url("images/sprite.png") no-repeat; width: 30px; height: 30px; background-color:transparent; display:inline; border-width:0px; } .Meme-angry{ background-position: 0 0; } .Meme-awesome{ background-position: 0 -31px; }';
document.head.appendChild(css);
function reMeme() {
var rgxp = new RegExp('!(angry|awesome)', 'g');
document.body.innerHTML = document.body.innerHTML.replace(rgxp, '<input type="button" class="Meme-icon Meme-$1" title="$1" />');
}
Ahora me falta recurrir a los nodos como @zerokilled mencionó en este
tema.
Saludos.