Question

我面临的问题是，目前我有2个元素，一个是默认可见，另一个是隐藏。单击一个按钮时，两个元素中的状态都会被交换，这意味着不可见的元素不是，反之亦然。我现在想要完成的是当我点击页面的任何其他部分时，除了在给定的元素之外，状态是相反的。

<script type="text/javascript">
    function hidesearch() {
        var target = event.target || event.srcElement;
        if (event.currentTarget == target) {
            document.getElementById('elem1').style.display = "none";
            document.getElementById('elem2').style.display = "true";
        }
    }

    function showsearch() {
        document.getElementById('elem2').style.display = "none";
        document.getElementById('elem1').style.display = "true";
        event.stopPropagation();
    }
</script>

这是我head标记内的当前代码。试图将onclick和onload属性添加到body中，但仍然没有工作。

<h:body onload="hidesearch();"/>"

该页面是.xhtml，因为所有内容都是使用JSF + BootsFaces编码的。

我有什么遗漏的吗？

Answer 1

document.getElementById（＆＃39; elem2＆＃39;）。style.display =＆＃34; true＆＃34;;

元素样式的显示属性值可以是＆＃34; block＆＃34;，＆＃34; inline-block＆＃34;，＆＃34; inline＆＃34;，＆＃34; none＆＃34;但是＆＃34;真的＆＃34;价值不存在。

请指定您想要的适当值。

＆＃39;的onclick＆＃39;文档中的事件函数永远不会被触发

1 个答案: