1. <ul>
  2. <li>html</li>
  3. <li>css</li>
  4. <li>js</li>
  5. </ul>
  6. <script>
  7. // 只能对单个对象执行时间 不能对集合执行事件
  8. var lis = document.getElementsByTagName("li");
  9. for(var i=0;i<lis.length;i++){
  10. lis[i].onclick = function(){
  11. console.log(this);
  12. // 点谁谁消失
  13. this.style.display = "none";
  14. }
  15. }
  16. </script>

方法2

  1. <ul>
  2. <li>html <button>删除</button></li>
  3. <li>css <button>删除</button></li>
  4. <li>js <button>删除</button></li>
  5. </ul>
  6. <script>
  7. var btns = document.getElementsByTagName("button");
  8. for(var i=0;i<btns.length;i++){
  9. btns[i].onclick = function(){
  10. var isShow = confirm("是否删除");
  11. console.log(isShow);
  12. if(isShow){
  13. this.parentNode.style.display="none"
  14. }
  15. }
  16. }
  17. </script>