Onclick隐藏div元素

我有一个链接，显示/隐藏一个div内的内容点击后，我想要做的是有一个按钮，将隐藏一个特定的div（sectiontohide1中的内容）在div部分隐藏）点击。我已经得到了JavaScript来实现第一个链接（sectiontohide）工作，它的工作原理，但我无法弄清楚如何获得第二个链接隐藏在divOnclick隐藏div元素

<a id="trackAttendance1" onclick="loadtable('sectiontohide');"  class="trackAttendance" href="#">Track Absences</a> 
<div id="sectiontohide" style="display:none;"> 
<table> 
    <div id="sectiontohide1"> 
     <tr> 
      <td>Web Programming Seminar</td> 
      <th id="absent" rowspan="2">Absent</th> 
     </tr> 
     <tr> 
       <td>TUESDAY 2:00-3:00 - 21/02/2017</td> 
     </tr> 
    </div> 

     <td>Management in IT</td> 
     <th id="absent" rowspan="2">Absent</th> 

     <tr> 
     <td>FRIDAY 9:00-11:00 - 24/02/2017</td> 
     </tr> 

    <tr> 
     <td>Web Programming Lecture</td> 
     <th id="absent" rowspan="2">Absent</th> 
    </tr> 
     <tr> 
     <td>FRIDAY 12:00-1:00 - 24/02/2017</td> 
     </tr> 
</table> 

<a id="trackAttendance1" onclick="hidediv('sectiontohide1');" class="close"  href="#">Hide Element</a>

我的JavaScript用于显示/隐藏表格

function loadtable(id){ 
var divelement = document.getElementById(id); 

if(divelement.style.display =='none') 
divelement.style.display = 'block'; 
else 
    divelement.style.display = 'none'; 
}

来源

2017-02-19 TF120

好吧，如果你有第一个工作，那么肯定第二个是相同的。替换你的“onclick =”hidediv（'sectiontohide1'）;“to”loadtable（'sectiontohide1'）;“ –

一方面注意：一个ID只能在HTML文档中使用，因此，替换id =”absent“例如，你的元素上有一个类（'class =“absent”'），你也可以使用数据属性 – floriangosse

'div＃sectiontohide1'是不允许的，因为你只能使用有效的表格元素作为子元素一张桌子 – floriangosse

你loadtable函数实际上切换元素由指定ID的知名度。

所以你可以运行它来显示/隐藏其他部分。对于这一点，应该足以关闭按钮的点击处理程序更改为loadtable('sectiontohide1');

但也有一些其他的问题也是如此，例如：

一个DIV可以放置在一个表中，只有当它是由<td></td>或<th></th>
<th>标签包围的是头因此用它只能在桌子上，你可以使用CSS样式细胞
<td>和<th>标签应始终由包围

来源

2017-02-20 00:23:19

感谢您的反馈意见 – TF120

看起来你是在正确的轨道上。只是hide股利，你可以试试：

function hidediv(id) { 
    var divelement = document.getElementById(id); 
    divelement.style.display = 'none'; 
}

来源

2017-02-20 00:03:44 Ryan

Onclick隐藏div元素

回答

相关问题