<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul>
<li>.</li>
<li>.</li>
<li>.</li>
</ul>
<script type="text/javascript">
// 补全代码
document.querySelector('ul').onclick = function(){
event.target.innerHTML += '.';
}
</script>
</body>
</html>
本题目的原理:利用事件的冒泡阶段,点击li时,事件会冒泡到ul,利用event.target指向实际点击的dom元素。

京公网安备 11010502036488号