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

Question

我目前有一个按钮，当我按下它时，它下方会出现一个表格。我无法弄清楚的第一个问题是，尽管我指定了 border="10"，但我无法获得边框。我正在使用火狐。接下来我无法弄清楚如何在完成我的表格后按下按钮并隐藏表格。我的第三个问题是，这个表是作为一个测试来编写的，以查看我的变量和参数在我的 jsp 中的状态是我认为的。在我只有文档的表格的第三个单元格中，我想要 getDocs() 页面上的当前值。如果我把它放在 getDocs() 中，那么它会给我页面加载的结果，该结果将为空。但是在我的 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>

Answer 1

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

<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';
    }
}

需要更多代码示例和解释来解决文档问题。