Question

快速提问。我有一个按钮定义为：

<input type='button' id='button' value='Development View' >

包含以下信息的div标记：

echo "<div id = 'content' style='display:none'>";
    echo "<th>Development Status</th>";
echo "</div>";

点击按钮时运行的一些JavaScript：

var button = document.getElementById('button'); // Assumes element with id='button'

button.onclick = function() {
     var div = document.getElementById('content');
     if (div.style.display !== 'none') {
         div.style.display = 'none';
     }
    else {
        div.style.display = 'block';
    }
};

我的最终目标是在动态HTML表格中切换列的可见性，但我甚至无法切换这个简单的标题标记。我没有收到错误消息，但按钮似乎没有任何作用。我正在回应HTML，因为这是一个PHP脚本。

Answer 1

将你的javascript包装在window.onload事件中

window.onload = function () {

  var button = document.getElementById('button'); // Assumes element with id='button'

  button.onclick = function() {
    var div = document.getElementById('content');
    if (div.style.display !== 'none') {
      div.style.display = 'none';
    }
    else {
      div.style.display = 'block';
    }
  }
};

单击时将显示HTML表中的隐藏列的按钮

1 个答案: