PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > 自定义方法通过类名获取对象集合

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

人生如梦
人生如梦 原创
2021年11月25日 14:17:30 376浏览
  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>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议