我有一个菜单是通过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,这是为什么?该怎么解决?
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,这是为什么?该怎么解决?
<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>
<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>
<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>
给你贴下比较完整得代码吧
<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>
document.getElementById("a1").focus();却不行了
就是我切换后得小类不能获取焦点了
改成
<a href="#" id="a1" onfocus="this.focus();">专业技能类</a>
<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>
这样可以吗?