15_DOM_获取当前索引.html 855 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <ul>
  10. <li>项目一</li>
  11. <li>项目二</li>
  12. <li>项目三</li>
  13. <li>项目四</li>
  14. <li>项目五</li>
  15. </ul>
  16. <script>
  17. var aLi = document.getElementsByTagName('li');
  18. for(var i=0;i<aLi.length;i++){
  19. aLi[i].index = i; // 自定义属性index 赋值 i
  20. aLi[i].onmouseover = function(){
  21. console.log(this.index)
  22. }
  23. }
  24. var obj = {
  25. a:"1",
  26. b:"2",
  27. fun:function(){
  28. console.log(this.a);
  29. }
  30. }
  31. // 向对象中添加属性
  32. obj.c = "3";
  33. </script>
  34. </body>
  35. </html>