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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Title</title>
  5.     <meta charset="utf-8">
  6. </head>
  7. <body>
  9. <div class="one">千万级数据并发解决方案</div>
  10. <div class="three">CSS3-瞬间提升网页逼格的利器</div>
  11. <div class="one two">千万级数据并发解决方案</div>
  12. <div class="two three">在线商城系统开发</div>
  13. <h3 class="one">千万级数据并发解决方案</h3>
  14. <h3>jQuery-最流行的JS函数库</h3>
  15. <p class="one">千万级数据并发解决方案</p>
  17. <script>
  18.     var x=document.getElementsByClassName('one'); //x是一个对象集合的数组
  19.     for(i = 0; i < x.length; i++){
  20.         x[i].style.background='green';
  21.         x[i].style.height='50px';
  22.         x[i].style.textAlign='center'
  23.         x[i].style.color = 'red'
  24.     }
  25.     console.log(x)
  26. </script>
  27. </body>
  28. </html>

效果图：

效果图

知识点

通过getElementsByClassName()获取元素的集合

更多相关文章

  1. android 第一次运行应用的引导界面
  2. GridView 实现水平拖拉效果
  3. GridView 实现水平拖拉效果
  4. android如果用ListView做一个表格形式
  5. android layer-list
  6. Android(安卓)drawable 三角形
  7. Android(安卓)自动换行流式布局的RadioGroup
  8. 6 android 滑块和进度条
  9. Android启动界面实现

随机推荐

  1. Android拷贝图片到指定文件路径
  2. android 安卓创建文件夹
  3. Android自动补全（二）
  4. android重新启动应用程序和重新启动系统
  5. android activity 单元测试总结
  6. android监听程序安装、卸载
  7. android侧滑菜单实现
  8. Android MediaPlayer 简单综合应用
  9. 在服务器上使用 gradle 打包 android 源
  10. android与js交互-jsbridge