JS调用监听DOM元素

2011-05-18 15:10:47 by 【6yang】, 352 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS调用监听DOM元素</title>
</head>
<script type="text/javascript">
var Core = {};
Core.getElementsByClass = function(theClass)
{
   var elementArray = [];
//IE中不支持getElementsByTagName("*"),用document.All。

   if (document.all)

   {
     elementArray = document.all;

   }
   else

   {
     elementArray = document.getElementsByTagName("*");

   }
   var matchedArray = [];
   var pattern = new RegExp("(^| )" + theClass + "( |$)");
   for (var i = 0; i < elementArray.length; i++)
   {
     if (pattern.test(elementArray[i].className))

     {
       matchedArray[matchedArray.length] = elementArray[i];

     }
   }
   return matchedArray;

};

window.onload = function(){   
    alert(Core.getElementsByClass('a')[0].innerHTML);
    Core.getElementsByClass('a')[0].innerHTML = 'hello, I here now!';
    return false;
}
</script>
<a href="#~" class="link"  onclick="return aa()">click</a>
<div class="a">ddd</div>
</body>
</html>

分享到:
share

    图片原图

    loading

    loading