我一辈子都搞不定这个 Javascript。 我需要以下代码的帮助，这里是 sn-p：
<div class="container">
<input type="submit" class="clicktoshow" />
<form class="hidden">
</form>
</div>
我将在 PHP 中使用一个数组来使用相同的代码显示多个容器，因此我想避免使用 id。
基本上表单是隐藏的，我希望它在点击提交时显示，会有很多容器 div，所以我不希望点击显示所有表单，只是与输入对齐的表单 / in它的父元素。
这可能吗？
有什么帮助吗：|？
【问题讨论】：
标签： javascript html css class onclick
*可以试试这个*
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
};
如果代码中有 repeated 类，那么您将需要迭代事件代码
喜欢
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
};
}
注意：代码可以在现代浏览器中运行。
【讨论】：