Javascript onClick可以与类一起工作吗

我一辈子都搞不懂这个Javascript。 我需要以下代码的帮助，以下是代码片段：

<div class="container">
  <input type="submit" class="clicktoshow" />

  <form class="hidden">
  </form>
</div>

我将在PHP中使用一个数组来显示使用相同代码的多个容器，因此我希望避免id

基本上表单是隐藏的，我希望它在单击submit时显示，会有很多容器div，所以我不希望单击显示所有表单，只显示与其父元素中的input/对齐的表单

这可能吗

请提供任何帮助：|？

*是的，请尝试此*

var clickClass= document.getElementsByClassName('clicktoshow');

clickClass.onclick = function(){
  // your code here
}

---

是的，你可以这样做

var element = document.getElementsByClassName('clicktoshow');

element.onclick = function(){
  var parent = element.parentNode;
  var form = parent.getElementByClassName('hidden');
}

试试这个代码

document.getElementsByClassName('clicktoshow')[0].onclick = function(Event){
     var form = Event.target.parentNode.children[1]; //form object 
     form.style.display = "block"; // form node action
};

如果类

在代码中重复

，则需要迭代事件代码 像

}

---

注意：该代码将在现代浏览器中工作

当我将代码放入函数中时，是否需要添加任何内容？我很抱歉，如果我的声音明显是noob，我正在学习Javascript！是比go here var clickClass=Document.getElementsByClassName（'clicktoshow'）更多关于信息的信息；clickClass.onclick=function（）{Show Content}它似乎没有运行我是否遗漏了什么：\n现在转到这个链接，仔细阅读有关javascript的所有主题，如果您是javascript新手，也可以查看这个很棒的资源。希望你觉得它有用。嘿，你能在这里强调一下你的代码吗？我该如何使表单在脚本中工作？谢谢@用户3405517检查更新的代码以及演示链接，希望代码会有帮助，它工作了！非常感谢！如果我能再麻烦你一个问题，有没有办法让它消失：|？

var cls = document.getElementsByClassName('clicktoshow');
for(var i in cls){
  cls[i].onclick = function(Event){ 
   var form = Event.target.parentNode.children[1]; //form object 
    form.style.display = "block"; // form node action
 };