首页 > 网络编程 > JavaScript > javascript技巧 > javascript getElementByTagName javascript getElementByTagName的使用 2009-06-13 19:35:43 作者： javascript getElementByTagName当鼠标放上去时将超链接的颜色设为蓝色的。 <!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 getElementByTagName的使用</title> <style type="text/css"> .dd1{ color:#FF0000; } .dd2{ color:blue; } </style> <script type="text/javascript"> function changeColor() { //document.getElementById("s1").getElementsByTagName("a").className="dd2"; var obj1,num,i; obj1=document.getElementById("s1").getElementsByTagName("a"); num=document.getElementById("s1").getElementsByTagName("a").length; for (i=0;i<num;i++) { obj1[i].className="dd2"; } } </script> </head> <body> <div id="s1" onmouseover="changeColor()"> <a href="ddd" class="dd1">dfdfd</a> <a href="ddd" class="dd1">dfdfd</a> <a href="ddd" class="dd1">dfdfd</a> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
