如何让一个js代码适用于一个div的所有classname？

Question

这是HTML<div class="content_box" id="content_box">                    <div class="content_intro" id="content_intro">                        <h3>所向披靡的响应式开发</h3>                        <p>忘记设备尺寸，一套代码适应多终端，响应式开发让用户体验和开发效率完美结合</p>                    </div>                    <div class="content_bottom">                        <span class="1 color-red">￥128.00</span>                        <span class="r">1560人在学</span>                    </div>                </div>    css.content_box{    width: 200px;    height: 148px;    overflow: hidden;    position: relative;    background-image: url(../image/list1.jpg);}.content_intro{    box-sizing: border-box;    padding: 0 20px;    top: 74px;    height: 129px;    width: 100%;    background-image: url(../image/bd.png);    position: absolute;}.content_bottom{    padding: 0 20px;    bottom: 0;    box-sizing: border-box;    width: 100%;    height: 37px;    background-color: #fff;    color: #93999f;    font-size: 12px;    position: absolute;}.color-red{    color: #EF1300 !important;    float: left;    }    .r{    float: right;}.content_intro h3{    height: 38px;    color: #14191e;    font: 14px "微软雅黑";    line-height: 38px;}.content_intro p{    color: #93999f;    font-size: 12px;    height: 35px;    overflow: hidden;}这是jswindow.onload = function(){            var content_box=document.getElementsByName("content_box");            content_box.onmouseover=function(){                move();            }            content_box.onmouseout=function(){                move1();            }        }            var timer=null;            function move(){                    clearInterval(timer);                var hidden = document.getElementsByName("content_intro");                timer=setInterval(function(){                    if(hidden.offsetTop==19 ){                        clearInterval(timer);                    }else{                    hidden.style.top=hidden.offsetTop-1+"px";                    }                },10)            }            function move1(){                    clearInterval(timer);                var hidden = document.getElementsByName("content_intro");                timer=setInterval(function(){                    if(hidden.offsetTop>=74 ){                        clearInterval(timer);                    }else{                    hidden.style.top=hidden.offsetTop+1+"px";                    }                },10)            }        </script>我是要用到多个，所以获取ID的方法不适用  怎么可以获取ClassName来实现获取ID的效果？

Answer 1

document.getElementsByClassName()可以用    但IE8以下不支持，

document.querySelectorAll("标签元素或者className"),返回所有有这个的标签元素或者className的元素的数组

Answer 2

document.getElementsByClassName()

这句话可以获得所有相同的class。

采纳一下。谢谢\(^o^)/~