javascript - 想找到一种在 javaScript 中还原 'onclick' 的方法

Question

我想找到一种方法让页面做一些与 onclick 事件相反的事情。

所以基本上下面的代码显示了当点击按钮(li)时如何增加填充，但是我不确定如何在点击另一个按钮时重置点击的按钮，比如 offClick我知道不存在，但我需要一种方法将填充重置为原来的状态，当在同一个未排序的列表(li)中单击另一个按钮(ul)时，在这种情况下<ul id="menubar">

有没有简单的方法可以做到这一点？

附注如果问题不清楚请告诉我

<div class="container">
          <ul id="menubar" align="center">

          <li onmouseover="updateMenuItem(this)" onmouseout="revertMenuItem(this)" onclick="this.style.padding='20px'" >Page</li>


          </ul>
            </div>

Answer 1

    function liClicked(clickedItem) {
        var list = document.getElementById('menubar');
        var listItems = list.getElementsByTagName('li');

        // reset the padding for all items
        for (var i = listItems.length - 1; i >= 0; i--) {
            listItems[i].style.padding = '0px';
        }
        // set the padding for the item that was clicked
        clickedItem.style.padding = '20px';
    }