Показать текст с кнопкой - JavaScript

Question

У меня есть какой-то скрытый текст в HTML, который я хочу показать, когда я нажимаю на кнопку, но в то же время я хочу, чтобы кнопка генерирует код позади в C#

Я этот код, чтобы создать функцию JavaScript

function toggle() { 

var ele = document.getElementById("dpt"); 
var text = document.getElementById("Button1"); 
if(ele.style.display == "block") { 
     ele.style.display = "none"; 
    text.innerHTML = "show"; 
} 
else { 
    ele.style.display = "block"; 
    text.innerHTML = "hide"; 

и это текст и кнопка в HTML

 <td id="dpt" style="display: none"> <b>Dias previstos de trabalho:</b> <asp:Label ID="Lbl_DiasTrab" runat="server"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp; </td> 
    <td id= "md" style="display: none"> <b>Media Diária:</b> <asp:Label ID="Lbl_Media" runat="server"></asp:Label></td> 
    <td id= "nrmed" style="display: none"> <b>Número de Médicos:</b> <asp:Label ID="LblNrMedicos" runat="server"></asp:Label></td> 
    <td id= "indcob" style="display: none"> <b>Índice de Cobertura:</b> <asp:Label ID="LblIndCob" runat="server"></asp:Label></td> 
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Ver" Width="74px" Height="30px" /> 

Тем временем я сделал это, но когда я нажимаю на кнопку она обновляет страницу

Я использовал этот код на HTML

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" OnClientClick="toggle()" Text="Ver" Width="74px" Height="30px" /> 

Answer 1

@ Нажмите правильно, ваш идентификатор будет изменен на стороне сервера перед отправкой клиенту. Вместо этого, пройти this к toggle, и это будет ссылка на кнопке:

JavaScript:

function toggle(text) { 

    var ele = document.getElementById("dpt"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "show"; 
    } 
    else { 
     ele.style.display = "block"; 
     text.innerHTML = "hide"; 
    } 
} 

HTML:

<td id="dpt" style="display: none"> <b>Dias previstos de trabalho:</b> <asp:Label ID="Lbl_DiasTrab" runat="server"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp; </td> 
<td id= "md" style="display: none"> <b>Media Diária:</b> <asp:Label ID="Lbl_Media" runat="server"></asp:Label></td> 
<td id= "nrmed" style="display: none"> <b>Número de Médicos:</b> <asp:Label ID="LblNrMedicos" runat="server"></asp:Label></td> 
<td id= "indcob" style="display: none"> <b>Índice de Cobertura:</b> <asp:Label ID="LblIndCob" runat="server"></asp:Label></td> 
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" OnClientClick="toggle(this)" Text="Ver" Width="74px" Height="30px" />