js给a标签添加onclick事件为什么没有效果？

代码如下：<ul class="ul_bigspace" id = "services">
                                <li><a href="#this" id="1">平面设计</a></li>
                                <li><a href="#this" id="2">包装设计</a></li>
                                <li><a href="#this" id="3">影视广告片</a></li>
                                <li><a href="#this" id="4">媒介资源</a></li>
                                <li><a href="#this" id="5">网站设计</a></li>
                                <li><a href="#this" id="6">网站设计</a></li>
                            </ul>var serviceItems = $('services').getElementsByTagName('a');
    for(var i = 0;i<serviceItems.length;i++)
    {
        serviceItems[i].onclick = "alert('jefiw');";
       
    }

解决方案 »

  1.   

    <a href="#this" id="1" onclick="alert('jefiw')">平面设计</a>
      

  2.   

     serviceItems[i].onclick = function() { "alert('jefiw');"; }
      

  3.   

     serviceItems[i].onclick = function(){alert('jefiw')}
     
     OR  serviceItems[i].onclick = new Function("alert('jefiw')");
      

  4.   

    看看这个<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Example </title>
    <script type="text/javascript">
    function $(objID){
    return "string" == typeof(objID) ? document.getElementById(objID) : objID;
    }function addEvt(){
    var serviceItems = $('services').getElementsByTagName('a');
        for(var i = 0;i<serviceItems.length;i++)
        {
            serviceItems[i].onclick =function(){
    alert(this.innerHTML);
    }
        }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
    <body>
    <ul class="ul_bigspace" id = "services">
    <li><a href="#this" id="1">平面设计</a></li>
    <li><a href="#this" id="2">包装设计</a></li>
    <li><a href="#this" id="3">影视广告片</a></li>
    <li><a href="#this" id="4">媒介资源</a></li>
    <li><a href="#this" id="5">网站设计</a></li>
    <li><a href="#this" id="6">网站设计</a></li>
    </ul>
    <input name="btn" value="给连接增加事件" type="button" onClick="javascript:addEvt();">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html> 
      

  5.   

                                  <li><a href="#this" id="1">平面设计</a></li>JScript code
    var serviceItems = $('services').getElementsByTagName('a');
        for(var i = 0;i<serviceItems.length;i++)
        {
            serviceItems[i].setAttributes("href", "javascript:Fun();");       
        }function Fun()
    {
       alert('内容');
    }