动态元素id获取的问题

Question

留言版中动态生成的回复框
<form id="??"class="replymessageform" method="post" action="/individual/screen/reply" >
<input name="id" type="hidden" id="userid" value={$userid}>
<input type="hidden" name="messageID" id="leaveWordID" value={$messages[key].leaveWordID}>
<textarea  name="replyContent" id="replyContent"></textarea>
<input type="submit" class="reply" value="comment">
</form>数目根据留言数目而定,用{section}循环出来的。
我想把这些回复框弄成隐藏的，再用javascript来控制显示，当点击留言旁边的“回复”，即可出现回复框。
但由于是动态生成的，该怎么来获取这些<form></form>的id？

Answer 1

你不会用<form name="inputForm" >
document.inputForm的name来获得啊！~

Answer 2

根据 留言旁边的“回复” 这个按钮和其对应form的位置来找到这个form
比如 下列代码是最简单的一种情况：当回复按钮在form的同级    <script type="text/javascript">
    function findForm(replyButton){
        var form = replyButton;
        while(form && form.tagName != "FORM")
            form = form.nextSibling;
        if(form)
            alert(form.id);
    }
    </script>    <input type="button" value="回复" onclick="findForm(this);" />
    
    <form id="thisForm"></form>

Answer 3

谢谢！正是我想要的。
但是为什么我的 form.id 是 [object HTMLInputElement],是不是浏览器的原因？怎么解决