10
0

11_DOM新增属性.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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>a</li>
  11. <li>b</li>
  12. <li>c</li>
  13. <li>d</li>
  14. </ul>
  15. <script>
  16. var aLi = document.getElementsByTagName("li");
  17. for (var i = 0; i < aLi.length; i++) {
  18. aLi[i].index = i;
  19. aLi[i].onclick = function () {
  20. aLi[this.index].innerText = "hello";
  21. console.log(this.innerText);
  22. console.log(this.index);
  23. }
  24. }
  25. // var obj = {
  26. // a:1,
  27. // b:2,
  28. // foo:function(){
  29. // console.log("hello");
  30. // }
  31. // }
  32. // delete obj.b;
  33. // obj.c = 3;
  34. // console.log(obj);
  35. // delete console.log;
  36. // console.lovecoding = function(){
  37. // console.log("爱扣钉");
  38. // }
  39. // console.lovecoding();
  40. </script>
  41. </body>
  42. </html>