javascript - 获取要打印的变量的状态

我目前有一个按钮，当我按下它时，下面会出现一个表格。我无法弄清的第一个问题是，尽管我指定border =“ 10”，但我无法获得边框。我正在使用Firefox。接下来，我无法弄清楚如何完成我的桌子后才能按下按钮并隐藏桌子。我的第三个问题是，该表被编写为测试，以查看我认为jsp中的变量和参数的状态是否正确。在我只有文档的表的第三个单元格中，我想要getDocs（）页面上的当前值。如果我将其放在getDocs（）中，那么它将为我提供页面加载时的结果，该结果将为null。但是在运行调试器时，在我的showDiv（）方法中，它在var docs = getDocs（）;中显示了getDocs的正确值。如何获取docs中的docs值。

window.onload = function()
{
    document.getElementById("button").onclick = showDiv;
}

function showDiv()
{
    document.getElementById("hidden").style.display = "block";

    var docs = getDocs();
}



 <input type="button" id="button" value="Click to show states" onclick="showDiv()"/>

  <div id="hidden" style="display:none">
        <table border="10" style="width:300px">
        <tr>
          <td>Type</td>
          <td>Object</td>
         <td>value</td>
        </tr>
        </br>
        <tr>
          <td>Element 1</td>
          <td><%=docs%></td>
          <td>docs</td>
        </tr>
        </table>
  </div>

最佳答案

对于边框问题，如果将边框定义放在样式声明中会发生什么：

<table style="width:300px;border:1px solid black;">

为了显示/隐藏，可以在showDiv（）调用中放入一个简单的切换器。尝试：

function showDiv() {
    if (document.getElementById('hidden').style.display == 'block') {
        document.getElementById('hidden').style.display = 'none';
    }
    else {
        document.getElementById('hidden').style.display = 'block';
    }
}

需要更多代码示例和说明来解决“文档”问题。