Javascript-onClick在IE和Chrome中无效

我对IE和Chrome中的onclick事件都有问题。click事件在它的第一个实现上运行良好，但之后的任何事件都不会被记录。我已经检查了IE和Chrome中的控制台，他们没有给我任何问题的信息。如果你们能看一下的话，我已经粘贴了我的代码

html

<div class="userChoice" id="userChoice">
      <a class="fauxBtn" id="memberLink" onClick="userSelection(memberLink);">I'm a Member</a>
      <a class="fauxBtn" id="nonMemberLink"  onClick="userSelection(nonMemberLink);">I'm a Non-Member</a>
      <a class="fauxBtn" id="studentLink" onClick="userSelection(studentLink);">I'm a Student</a>
</div>

---

任何帮助都是有用的。谢谢。

好的，给你：你的Html中缺少ID

这是会员资格测试
这是会员资格失败
这是会员费
这是非会员成本
这是学生成本
这是序言

onclick

而不是

onclick

当单击其中一个链接时，您是否没有立即隐藏它？？（

userChoice.style.display=“none”

）@Fals小心！为什么要使用@Ani？尝试添加引号userSelection（'memberLink'），听说过jQuery吗？这会让事情变得更容易谢谢你的回答这很有效但是我仍然怀疑onclick和onclick之间的区别。你能给我一些我可以阅读的教程吗JavaScript是区分大小写的。读这篇文章：或者，但你的实际问题是数据没有传递参数-所以我添加了单引号。另外，您在

HTML

中缺少

ID

，但您正在对它们执行

style.display none

，这导致javascript中断，因为javascript无法找到那些

HTML元素的

function userSelection(userChoice){
    var uC = userChoice.id;
    var userChoice = document.getElementById("userChoice");
    var memTest = document.getElementById("membershipTest");
    var memFail = document.getElementById("membershipFail");
    var memCosts = document.getElementById("memberCosts");
    var nonMemCosts = document.getElementById("nonMemberCosts");
    var studentCosts = document.getElementById("studentCosts");
    var para =  document.getElementById("preAmble");

    if(uC == "memberLink"){
        nonMemCosts.style.display = "none";
        memTest.style.display = "block";
        studentCosts.style.display = "none";
        userChoice.style.display = "none";
    }else if(uC == "nonMemberLink"){
        nonMemCosts.style.display = "block";
        memTest.style.display = "none";
        studentCosts.style.display = "none";
        userChoice.style.display = "none";
    }else if(uC == "studentLink"){
        nonMemCosts.style.display = "none";
        memTest.style.display = "none";
        studentCosts.style.display = "block";
        userChoice.style.display = "none";
    }
}

<div class="userChoice" id="userChoice">
  <a class="fauxBtn" id="memberLink" href="javascript: userSelection('memberLink');">I'm a Member</a>
  <a class="fauxBtn" id="nonMemberLink"  href="javascript: userSelection('nonMemberLink');">I'm a Non-Member</a>
  <a class="fauxBtn" id="studentLink" href="javascript: userSelection('studentLink');">I'm a Student</a>
</div>
<div id="membershipTest">This is membershipTest</div>
<div id="membershipFail">This is membershipFail</div>
<div id="memberCosts">This is memberCosts</div>
<div id="nonMemberCosts">This is nonMemberCosts</div>
<div id="studentCosts">This is studentCosts</div>
<div id="preAmble">This is preAmble</div>