欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义方法通过类名获取对象集合

程序员文章站 2022-03-13 13:56:04
...
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <div class="one">我是one</div>
  9. <div class="wrap">
  10. <div class="one">我也是one</div>
  11. <div class="two">我也two</div>
  12. <div class="one">i'm one too</div>
  13. </div>
  14. <script>
  15. function selectorClass(className) {
  16. if (className.indexOf('.') === 0) {
  17. className = className.slice(1);
  18. }
  19. return document.getElementsByClassName(className);
  20. }
  21. var oneObjArr = selectorClass('.one');
  22. console.log(oneObjArr);
  23. for (var i in oneObjArr) {
  24. oneObjArr[i].innerHTML = '我们都是one'
  25. }
  26. </script>
  27. </body>
  28. </html>

自定义方法通过类名获取对象集合