Question

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

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

有一种简单的方法吗？

P.S。如果问题不明确，请告诉我

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

想要找到一种在javaScript中恢复'onclick'的方法

1 个答案: