一个让动态内容获取焦点得问题-在线等

我有一个菜单是通过jquery得html()方法动态添加得，或者用innerHTML这个方法，如下
document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';
    //$('#meun').html('<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>')默认得可以通过document.getElementById(id).focus();获取到焦点但是在我动态加载以后，却说找不到id，这是为什么？该怎么解决？

解决方案 »

  1.   

    <div id="meun" ></div>
    <script type="text/javascript">
    onload=function(){document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';}
    </script>
      

  2.   

    <div id="meun" ></div>
    <script type="text/javascript">
    onload=function(){document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';
    document.getElementById("a2").focus();}
    </script>
      

  3.   

    <div id="meun" onclick="test();">点击我</div>
    <script type="text/javascript">
    var test=function(){document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';
    document.getElementById("a2").focus();}
    </script>
      

  4.   


    给你贴下比较完整得代码吧
         <div id="topmeun">
             <ul>
                    <li><a href="#" onfocus="focus1()">德智普及</a></li>
                    <li><a href="#" onfocus="focus2()">名师讲堂</a></li>
                    <li><a href="#" onfocus="focus3()">管理学堂</a></li>
                </ul>            
            </div>
         <div id="meun">
             <ul id="meun1">
                    <li><a href="#"  id="a1">专业技能类</a></li>
                    <li><a href="#" id="a2">销售技巧类</a></li>
                    <li><a href="#" id="a3">心态激励类</a></li>
                    <li><a href="#" id="a4">综合素质类</a></li>
                </ul>
            </div>
    <script>
    function focus1()
    {
    document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">专业技能类</a></li><li><a href="#" id="a2">销售技巧类</a></li><li><a href="#" id="a3">心态激励类</a></li><li><a href="#" id="a4">综合素质类</a></li></ul>';
    }
    function focus2()
    {
    document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">经理管理类</a></li><li><a href="#" id="a2">市场营销类</a></li><li><a href="#" id="a3">人才管理类</a></li><li><a href="#" id="a4">财务管理类</a></li></ul>';
    }
    function focus3()
    {
    document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';
    }
    </script>
      

  5.   

    菜单切换没有问题，问题是切换了以后我再
    document.getElementById("a1").focus();却不行了
    就是我切换后得小类不能获取焦点了
      

  6.   

    <a href="#"  id="a1">专业技能类</a>
    改成
    <a href="#"  id="a1" onfocus="this.focus();">专业技能类</a>
      

  7.   

            <div id="topmeun">
                <ul>
                    <li><a href="#" onclick="focus1()">德智普及</a></li>
                    <li><a href="#" onclick="focus2()">名师讲堂</a></li>
                    <li><a href="#" onclick="focus3()">管理学堂</a></li>
                </ul>            
            </div>
            <div id="meun">
                <ul id="meun1">
                    <li><a href="#"  id="a1">专业技能类</a></li>
                    <li><a href="#" id="a2">销售技巧类</a></li>
                    <li><a href="#" id="a3">心态激励类</a></li>
                    <li><a href="#" id="a4">综合素质类</a></li>
                </ul>
            </div>
    <script>
    function focus1()
    {
        document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">专业技能类</a></li><li><a href="#" id="a2">销售技巧类</a></li><li><a href="#" id="a3">心态激励类</a></li><li><a href="#" id="a4">综合素质类</a></li></ul>';
        document.getElementById("a1").focus();
    }
    function focus2()
    {
        document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">经理管理类</a></li><li><a href="#" id="a2">市场营销类</a></li><li><a href="#" id="a3">人才管理类</a></li><li><a href="#" id="a4">财务管理类</a></li></ul>';    
        document.getElementById("a2").focus();
    }
    function focus3()
    {
        document.getElementById("meun").innerHTML='<ul><li><a href="#" id="a1">店务管理类</a></li><li><a href="#" id="a2">店务营销类</a></li><li><a href="#" id="a3">综合店务类</a></li></ul>';
        document.getElementById("a3").focus();
    }
    </script>
    这样可以吗？