<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { height: 50px; width: 100px; margin-top: 10px; background-color: pink; } .cls { background-color: deeppink; } </style> </head> <body> <p class="cls">这是一个p</p> <p>这是另一个p</p> <span class="cls">这是一个span</span><br/> <span>这是另一个span</span><br/> <div class="cls">这是一个div</div> <div>这是另一个div</div> <input type="button" value="显示效果" id="bt"/> <script src="common.js"></script> <script> //点击按钮设置应用cls类样式的背景颜色为红色 my$("bt").onclick = function () { var clsObjs = document.getElementsByClassName("cls"); for (var i = 0; i < clsObjs.length; i++) { clsObjs[i].style.backgroundColor = "red"; } }; </script> </body> </html>