六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 28|回复: 0

使用javascript通过className来获取元素

[复制链接]

升级  81.33%

52

主题

52

主题

52

主题

秀才

Rank: 2

积分
172
 楼主| 发表于 2013-2-7 14:47:14 | 显示全部楼层 |阅读模式
<!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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表