1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>自定义方法，实现通过类名获取对象集合</title>
  9.     <style>
  10.         .one{
  11.             width:500px;
  12.             height:500px;
  13.             background-color: rgb(112, 236, 168);
  14.             line-height: 100px;
  15.                    }
  16.     </style>
  17. </head>
  18. <body>
  20.     <div class="one">
  21.         <div class="one1">111122</div>
  22.         <div class="one2  one1">3333444</div>
  23.         <div class="one1">5555666。</div>
  24.         <div class="three">7777888</div>
  25.         <div class="three2">999</div>
  26.     </div>
  28.     <script>
  30.           var ones = document.getElementsByClassName('one1');
  31.           console.log(ones);
  33.           for(var i = 0; i < ones.length; i++){
  35.             ones[i].style.backgroundColor="red";
  36.             ones[i].style.color="blue";
  38.           }
  40.     </script>
  41. </body>
  42. </html>

更多相关文章

  1. Java基于NIO实现聊天室功能
  2. 自定义方法通过类名获取对象集合
  3. js 自定义获取指定类名的标签集合
  4. js 实现数组排序 获取最大值，最小值，翻转
  5. Python的set集合详解
  6. java获取文件路径
  7. 用MongoDB Change Streams 在BigQuery中复制数据
  8. MongoDB基础命令及操作 （仅学习）
  9. Go:fmt.Scanln在控制台获取用户输入的值

随机推荐

  1. 活动与任务
  2. 打造android ORM框架opendroid(四)——优
  3. PHP android ios相互兼容的AES加密算法
  4. Android界面加载完成后自动弹出软键盘的
  5. 快速体验Android(安卓)2.3
  6. android map的使用方法
  7. Android打包jar 和使用第三方库
  8. [转]Android的Camera架构介绍[有图]
  9. Android核心功能
  10. Android开发知识概要