Javascript <；李>；用参数单击

我在为课堂制作的网页上使用无序列表作为导航栏。我在启动onClick方法时遇到了一些问题。
我的无序列表如下：
HTML:

<tr id="locationnavbar">
        <td>
            <ul id="locationlist">
                <li onClick="setMap('Pimms');">Pimms Good</li>
                <li onClick="setMap('Buzz');">The Buzz</li>
                <li onClick="setMap('Caffe');">Caffe Settimiano</li>
                <li onClick="setMap('Blue');">Blue Mug Coffee Bar</li>
                <li onClick="setMap('Pass');">Pascucci</li>
            </ul>
        </td>
  </tr>

---

我是不是做错了什么？非常感谢您抽出时间。我没有使用Jquery。

如果这篇文章发表在CodeReview上，我可能有很多话要说，但我觉得这很奇怪。我在Chrome上运行它，它对我不起作用。它可能是我的CSS。浏览器带有JavaScript调试器和错误控制台。请尝试

function setMap（key）{console.log（key）；}

，看看它是否有效。@AHalbert，打开你的

Chrome

，按

Ctrl+Shift+I

，然后导航到

console

选项卡并单击你的

li

元素

function setMap(key) {
            alert(key);
 }