Javascript onclick事件用于显示但不用于隐藏

这是一个非常基本的脚本，但基本上我在单击时显示一个div，然后在稍后单击按钮标题时隐藏，然后显示div。我以前做过这件事，它工作得非常完美。我似乎无法发现我做错了什么，或者我做错了什么。正如我所说，第一个

click（）

显示得非常完美，第二个

hide（）

什么也不做

JS:

HTML:

入口1


入口2


入口3






1.

该按钮是

td

的子按钮，因此这两个功能将在同一个单击事件中启动

将此添加到

hide1（）

：

这将防止事件在DOM中冒泡并触发该

td

事件

您还需要在单击处理程序中传递事件：

onClick=“hide1（事件）”

---

演示：

您可以这样做

 <tbody>
 <tr>
  <td style="cursor:pointer;">
   <div id="form1" style="display:none;">
    <form action="enter.php" method="post">
     <label for="entry1">Entry1</label>
      <input type="text" id="entry1" name="entry1" size="15" /><br>
     <label for="entry2">Entry2</label>
      <input type="text" id="entry2" name="entry2" size="15"/><br>
     <label for="entry3">Entry3</label>
      <input type="text" id="entry3" name="entry3" size="15"/><br>
      <input type="hidden" name="id" value="1" /><br>
      <input type="hidden" name="table" value="table" /><br>
      <input type="submit" value="GO!" />
      <input type="button" value="later" onClick="hide1()"/>
    </form>
   </div><sub onclick="click1()">1</sub>
  </td>
 </tr>
</tbody>

入口1


入口2


入口3






1.

函数click1（）{document.getElementById（'form1'）.style.display='block'；}函数hide1（e）{document.getElementById（'form1'）.style.display='none'；e.stopPropagation（）；}

这就是它当前的样子。按钮上仍然没有任何功能…还将onclick更改为

hide1（事件）

一个好的尝试，但没有成功！很抱歉，我更新了错误的代码部分，当你的php达到4k+时，有时会让人困惑。。。

<tbody>
 <tr>
  <td style="cursor:pointer;" onclick="click1()">
   <div id="form1" style="display:none;">
    <form action="enter.php" method="post">
     <label for="entry1">Entry1</label>
      <input type="text" id="entry1" name="entry1" size="15" /><br>
     <label for="entry2">Entry2</label>
      <input type="text" id="entry2" name="entry2" size="15"/><br>
     <label for="entry3">Entry3</label>
      <input type="text" id="entry3" name="entry3" size="15"/><br>
      <input type="hidden" name="id" value="1" /><br>
      <input type="hidden" name="table" value="table" /><br>
      <input type="submit" value="GO!" />
      <input type="button" value="later" onClick="hide1()"/>
    </form>
   </div><sub>1</sub>
  </td>
 </tr>
</tbody>

function hide1(e){
    document.getElementById('form1').style.display='none';
    e.stopPropagation();
}

 <tbody>
 <tr>
  <td style="cursor:pointer;">
   <div id="form1" style="display:none;">
    <form action="enter.php" method="post">
     <label for="entry1">Entry1</label>
      <input type="text" id="entry1" name="entry1" size="15" /><br>
     <label for="entry2">Entry2</label>
      <input type="text" id="entry2" name="entry2" size="15"/><br>
     <label for="entry3">Entry3</label>
      <input type="text" id="entry3" name="entry3" size="15"/><br>
      <input type="hidden" name="id" value="1" /><br>
      <input type="hidden" name="table" value="table" /><br>
      <input type="submit" value="GO!" />
      <input type="button" value="later" onClick="hide1()"/>
    </form>
   </div><sub onclick="click1()">1</sub>
  </td>
 </tr>
</tbody>