Question

我的问题是display:none命令似乎没有任何效果。元素仍然可见。这是我的JavaScript：

function hideShow(object) {
    element = document.getElementById(object);
    if (element.style.display === "none") {
        element.style.display = "inline-block";
    }
    else {
        element.style.display = "none";
    }
}

'object'参数是要隐藏的元素的ID属性。这是HTML：

<input type="button" class="button2" value="New" onClick="hideShow('new');">

<form action="some url" id="new" method="post" enctype="multipart/form-data" style="display:none;">
<input type="text" name="vm" value="5" class="button3">
<input type="submit" class="button2" value="Submit">
</form>

我无法弄清楚我做错了什么。

Answer 1

请参阅jsfiddle中的代码。

JS Fiddle Example

<input type="button" class="button2" value="New" onClick="hideShow('new');">

<form action="some url" id="new" method="post" enctype="multipart/form-data" style="display:none;">
<input type="text" name="vm" value="5" class="button3">
<input type="submit" class="button2" value="Submit">
</form>
<script>
    function hideShow(object) {
    element = document.getElementById(object);
    if (element.style.display === "none") {
        element.style.display = "inline-block";
    }
    else {
        element.style.display = "none";
    }
}
    </script>

我希望它能解决你的问题。

如果没有，请提供进一步的细节和评论。

问候。

display：none不起作用

1 个答案: