innerHTML中的链接无效？

也许这个没转译吧
"<a href=\"http://www.baidu.com\" target=\"_blank\">float div show <\/a>";

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script type="text/javascript">
function divClose(id)
{
  document.getElementById(id).style.display="none";
}
function divShow(id)
{
  document.getElementById(id).style.display="block";
  document.getElementById(id).innerHTML=" <a href=\"http://www.baidu.com\" target=\"_blank\" onmouseout=\"divClose('mydiv')\">float div show </a>";
}
</script>
<div id="testdiv"  onmouseover="divShow('mydiv')">testdiv </div>
<span id="mydiv"> </span>
把span拿出是可以，但是如果把span拿到div外，你会发现当鼠标移开div，span就消失了，这会让你无法点击到链接的
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" >
      function divShow(id)
      {
        document.getElementById(id).style.display="block";
        document.getElementById(id).innerHTML="Hello,world";
      }
       function divClose(id)
      {
        document.getElementById(id).style.display="none";

      }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="div1"  onmousemove ="divShow('div2')" onmouseout ="divClose('div2')">div1</div>
        <div id="div2" style ="width:50px; height :50px ;  background-color:#F0F0F0; border-color :Red"></div>
    </div>
    </form>
</body>
</html>
要不换个思路：<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" >
      function divShow(id)
      {
        document.getElementById(id).style.display="block";
       // document.getElementById(id).innerHTML="<a href=\"http://www.baidu.com\" target=\"_self\">float div show </a>";
      }
       function divClose(id)
      {
        document.getElementById(id).style.display="none";

      }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="div1" onmouseover  ="divShow('div2')" onmouseout ="divClose('div2')">
        div1
        <div id="div2" style ="width:50px; height :50px ;  background-color:#F0F0F0; border-color :Red">
          <a href="http://www.baidu.com" target="_blank">float div show </a>
        </div>
        </div>

    </div>
    </form>
</body>
</html>
恩，这个思路我试过了，没有问题
不过这里的div2是事先生成的，当其不现实的时候，同样存在于页面之上，会多少影响页面布局
还是希望能动态生成div2有人说是因为onmouseover被先触发，影响了a标签，使之无效
不知道这个问题要如何解决
在blueidea找到了解决方法：
<script type="text/javascript">
function divClose(o,id){
document.getElementById(id).style.display="none";
o.onmouseover=function(){divShow(this,id)} //onmouseonver事件恢复
}
function divShow(o,id){
o.onmouseover=function(){} //onmouseonver事件失效
var obj=document.getElementById(id)
obj.style.display="block";
obj.innerHTML="<a href=\"http://www.baidu.com\" target=\"_blank\">float div show</a>";
}
</script>
<div id="testdiv" onmouseover="divShow(this,'mydiv')" onmouseout="divClose(this,'mydiv')">testdiv
<span id="mydiv"></span></div>
<script type="text/javascript">
function divClose(id)
{
document.getElementById(id).style.display="none";
}
function divShow(id)
{
document.getElementById(id).style.display="block";
//document.getElementById(id).innerHTML=" <a href=\"http://www.baidu.com\" target=\"_blank\">float div show </a>";
//alert (document.getElementById(id).innerHTML);
}
</script>
<div id="testdiv" onmouseout="divClose('mydiv')" onmouseover="divShow('mydiv')">testdiv
<span id="mydiv"><a href="http://www.baidu.com" target="_blank">float div show </a></span> </div>
<script type="text/javascript">
function divClose(id)
{
document.getElementById(id).style.display="none";
}
function divShow(id)
{
document.getElementById(id).style.display="block";
//document.getElementById(id).innerHTML="  <a href=\"http://www.baidu.com\" target=\"_blank\">float div show  </a>";
//alert (document.getElementById(id).innerHTML);
}
</script>
<div id="testdiv" onmouseout="divClose('mydiv')" onmouseover="divShow('mydiv')">testdiv
<span id="mydiv" style="display:none"> <a href="http://www.baidu.com" target="_blank">float div show  </a> </span>  </div>