|
|
|
<!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> |
|