这是我第一次尝试在HTML中使用Javascript。我正在尝试为有序列表中的列表项添加点击事件,但我做的某些事情似乎不起作用。有人能帮我解决一下吗?
我在标签中创建一个函数,该函数应将指定列表中所有点击事件委托给给定函数,在该给定函数中,我尝试使用列表项的文本引发简单的警报。最终我想做更多,但我只是想先让简单的点击事件起作用。
我在标签中创建一个函数,该函数应将指定列表中所有点击事件委托给给定函数,在该给定函数中,我尝试使用列表项的文本引发简单的警报。最终我想做更多,但我只是想先让简单的点击事件起作用。
<html>
<head>
<script type="text/javascript">
// Attach an event handler to the 'topfriends' list to handle click events.
function attachEventHandlerToList() {
document.getElementById("#top4list").delegate("li", "click", function(clickEvent) {
alert(this.innerHTML());
});
}
</script>
</head>
<body>
<div id="topfriends">
<h3>Top 4 Most Friendable Friends</h3>
<ol id="top4list" onload="attachEventHandlerToList()">
<li>Brady</li>
<li>Graham</li>
<li>Josh</li>
<li>Sean</li>
</ol>
</div>
</body>
e.target.id
获取li
的id,对吗?最终我将生成此列表,而e.target.innerHTML
不会打印任何内容。 - Daniel BradyinnerHTML
完全可以用。我想我可能拼错了或者没有保存更改,哈哈,我的错! - Daniel Brady