javascript onclick 将 onclick 更改为新功能

Question

我需要能够改变一个 id 的 onclick 事件，这样一旦它被点击，一旦它执行一个改变 onclick 事件的函数

这是我的代码:Javascript:

function showSearchBar()
    {
        document.getElementById('search_form').style.display="inline";
        document.getElementById('searchForm_arrow').onclick='hideSearchBar()';
    }

    function hideSearchBar()
    {
        document.getElementById('search_form').style.display="none";
        document.getElementById('searchForm_arrow').onclick='showSearchBar()';
    }

这是 HTML:

<!-- Search bar -->
<div class='search_bar'>
    <img id='searchForm_arrow' src="images/icon_arrow_right.png" alt=">" title="Expand" width="10px" height="10px" onclick='showSearchBar()' />
    <form id='search_form' method='POST' action='search.php'>
        <input type="text" name='search_query' placeholder="Search" required>
        <input type='image' src='images/icon_search.png' style='width:20px; height:20px;' alt='S' >
    </form>
</div>

谢谢

Answer 1

在两个地方更改代码以直接引用新函数，例如:

document.getElementById('searchForm_arrow').onclick=hideSearchBar;