Question

I have a rather tricky question with a looong story, hopefully I can convey it well enough without much background.

I am restricted to working within a predefined form that allows me to change minor css and add javascript etc. however there are portions of the source code I can not edit.

Within this form there is a button that has an image embedded inside it. I would like to use some javascript to either remove this image or replace the src with ” ” and keep the functionality of the button.

button source is:

   <button type="submit" id="ID_formd1735f95_guest_login_submit">
    <img src="images/icon-tick22.png" border="0" align="absmiddle" style="vertical-align:middle;" alt=""> Log In
   </button>

Any help would be much appreciated!

Answer 1

It’s not too difficult: http://jsfiddle.net/CrossEye/kN6WV/

var button = document.getElementById("ID_formd1735f95_guest_login_submit");
var images = button.getElementsByTagName("IMG");
if (images && images.length) {
    button.removeChild(images[0]);
}​