<!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元素。