<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>使用javascript通过className来获取元素</title> </head> <body> <div class="main">aaa</div> <div class="main">bbb</div> <div class="main">bbb</div> </body> <mce:script type="text/javascript"><!-- //原理:用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。 function getElementsByClassName(n) { var classElements = [], allElements = document.getElementsByTagName('*'); for (var i = 0; i < allElements.length; i++) { if (allElements[i].className == n) { classElements[classElements.length] = allElements[i]; } } return classElements; } // 原来class为main的文字设置为红色 var m = getElementsByClassName('main'); for (var i = 0; i < m.length; i++) { m[i].style.color = "red"; } // --></mce:script> </html>