菜单中的切换按钮

Question

我有一个菜单是根据代码创建的：

document.getElementById('menu').innerHTML += "<li onClick=\"icon_content(" + m + ",'" + image + "','" + name + "')\"><a href=\"#\">" + name + "<\/a><\/li>";

它处于循环中，结果是5个按钮。 工作效果很好，但我想为此添加切换效果。 例如，更改按钮颜色。 当我使用时：

document.getElementById('menu').style.color='red';

它改变了整个菜单，但是我只想要单击的按钮。 可能吗？

Answer 1

这将在事件回调icon_content() 。 为此，最好集中处理事件，而不是内联onclick属性。 所以：

document.getElementById('menu').addEventListener('click', function(evt) {
    if (evt.target.tagName == 'LI') {
        /* your other code here */
        evt.target.style.background = 'red';
    }
}, false);