javascript - 想找到一种方法来还原 javaScript 中的“onclick”

Question

我想找到一种方法使页面执行与 onclick 事件相反的操作。

所以基本上下面的代码显示了当li点击一个按钮（但我需要一种方法将填充重置为li在同一个无序列表（ul）中单击另一个按钮（）时的原始状态，在这种情况下<ul id="menubar">

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

ps如果问题不清楚请告诉我

<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';
    }