Javascript 多次更改onclick（）函数（背景图像更改）

我四处寻找，试图找到一个答案，我是否能做到这一点

我有一些HTML和JavaScript，可以根据用户是女性还是男性来更改背景图像

默认情况下，该页面加载男性背景，并提供一个按钮，单击该按钮时可调用bgchangeemale：

<img src="BackgroundMale.png" id="backgroundImage" style="position:absolute; z-index:-1;"/>

<div id="gameContent">

    <div class="logo">

        <a id="genderButton" class="myButton" onclick="bgChangeFemale()" style="float:left; width:60px; height:10px; padding-top:5px; margin-top:10px; margin-left:0px; padding-left:12px; padding-right:30px;">Female?</a>

<script>            
 function bgChangeFemale() {
  document.getElementById("backgroundImage").src = "BackgroundFemale.png";
  document.getElementById("genderButton").innerHTML = "Male?";
  document.getElementById("genderButton").style.width = "40px";
  document.getElementById("genderButton").onclick = "bgChangeMale()";
}

 function bgChangeMale() {
  document.getElementById("backgroundImage").src = "BackgroundMale.png";
  document.getElementById("genderButton").innerHTML = "Female?";
  document.getElementById("genderButton").style.width = "60px";
  document.getElementById("genderButton").onclick = "bgChangeFemale()";
}

第一个按钮/功能完全没有问题，将背景图像更改为女性版本。然而，当我再次点击按钮将其改回男性时，什么也没有发生。我是做错了什么，还是不能做到

谢谢你的回答，请先发帖

未更改onclick属性。要更改onclick，请使用以下命令

女性

document.getElementById("genderButton").setAttribute('onclick','bgChangeFemale()'); 

男性-

  document.getElementById("genderButton").setAttribute('onclick','bgChangeMale()'); 

---

始终乐于帮助，请确保您将问题标记为已回答，以让其他人知道谁在搜索相同的内容，并让其他开发人员/帮助人员知道此问题已得到回答。快乐编码：