Question

你好我有一个div和div内部有一个充满输入的表，其中一些是禁用的，其中一些不是... 当鼠标悬停在它上面时，div会触发一个js函数，但是当我查看一个被禁用的输入时，它的行为就像我不再在div中了。
该表在这里非常重要......（不是在这个小例子中，而是在完整的代码中）

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="JavaScript.js" type="text/javascript"></script>
    </head>
    <body>
        <form method="POST" action="<?php echo $_SERVER['PHP_SELF'] ?>">
            <button onclick="visible()">fasd</button>
  <div id="id" onmouseover="visible()" onmouseout="invisible()">
    <table>
      <tr>
        <td><input type = "submit" name="inputs" disabled="disabled"></td>
        <td><input type = "submit" name="inputs"></td>
        <td><input type = "submit" name="inputs" disabled="disabled"></td>
        <td><input type = "submit" name="inputs"></td>
      </tr>
    </table>
  </div>
</form>
</body>
</html>

JS：

function visible()
{
    document.getElementById("id").style.visibility = "visible";
}
function invisible()
{
    document.getElementById("id").style.visibility = "hidden";
}

有什么办法让这个有用吗？非常感谢每一个回复

Answer 1

此

document.getElementById("id").style.visibility = "hidden";

使元素透明，但仍然占据空间。虽然这个

document.getElementById("id").style.display = "none";

隐藏元素，元素不会占用空格。

属性id假设在整个页面中包含唯一值，因此文档中只能包含一个 id="id"。

禁用输入在DIV

1 个答案: