Quiero preguntar cómo cambiar un botón de elemento a una imagen usando javascript cuando se hace clic en él. Por ejemplo, desde el botón Enviar hasta una imagen marcada.
Uso svg para la demostración, puedes cambiarlo a <img src="https://some_picture">
var button = document.getElementsByTagName("button")[0]; button.addEventListener('click', function() { button.innerHTML =`<svg width="50" height="50"></svg>` }); <button>click</button>Agregue un detector de eventos de click al botón que cambia su propiedad outerHTML :
btn.addEventListener('click', function(){ this.outerHTML = `<img src="https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1">` }) <button id="btn">Click</button> function myFunction() { document.getElementById("contentChange").innerHTML = "Hello World"; } <button id="contentChange" onclick="myFunction()">Click me</button>