切换菜单中的按钮

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);