Indsætte og skifte et billede på en <button>

Hej jeg har forsøgt at indsætte et billede på en <button1> med den viden jeg har, men har ikke fundet " de vise sten " så jeg håber at der er nogen der kan hjælpe mig.
Her er lidt kode:

    <script src="javascript_testside.js"></script>
Den næste linie viser billederne på siden.
    <IMG SRC = 'tilbage-icon.png'><IMG SRC = 'menu-icon.png'>
<button class="icon" id="button1" onclick="skift_tegn()" ></button>

På javascript_testside.js findes følgende:

var img = new Array();
img[0]='menu-icon.png';
img[1]='tilbage-icon.png';

menu_icon=newImage();
menu_icon.src="menu-icon.png";
tilbage_icon=newImage();
tilbage_icon.src="tilbage-icon.png";

Det er meningen med denne function at den skal finde ud af hvad den viser og derefter skifte til den modsatte.

function skift_tegn()
{  var vaerdi=document.getElementById('button1').innerHTML;
    if(vaerdi=='????')
    {  document.getElementById('button1').innerHTML='????????';
    } 
    else
    {  document.getElementById('button1').innerHTML='????????';
     
    }
}
Håber at nogen kan hjælpe mig.
Tvilling53