div事件执行不正确（div事件只有放在文字上时才执行？）

试下100%
<div id=okID  onclick="alert('click');" style="border-left:#444444 2px solid;border-right:#444444 2px solid;border-bottom:#444444 2px solid;border-top:#444444 2px solid;position:absolute;left:300;top:400;width:100%; height:200;z-Index:3">测试文字</div>

解决方案 »

  1.   

    谢谢回复！！！
    你这个做法即使正确执行，也不能采纳的，div的width,height必须是动态赋于的！不能随意的改！
    请高手继续关注！！！！指出问题的核心
      

  2.   

    测试了一下，没遇到你所说的问题
    你把id=okId加引号试试id="okId"
    代码其他部分没什么问题啊，奇怪
      

  3.   

    书写请规范些,否则firefox很挑的
    <div id="okID"  onclick="alert('click');" style="border-left:#444444 2px solid;border-right:#444444 2px solid;border-bottom:#444444 2px solid;border-top:#444444 2px solid;position:absolute;left:300px;top:400px;width:200px; height:200px;z-Index:3">测试文字</div>
      

  4.   

    不好意思，我仔细测试了一下，问题在于我提供的div下面还有一个同样大小的IMG,这样导致div时间只能在有文字的地方，点击鼠标才能触发！
    现在我还是同样的问题，如何实现即使有底图（IMG)也能触发div事件，而并非仅仅在文字处？
    代码如下：
    <body>
    <script>
    function u_move(){
    }
    </script><div id="myDiv" ></div><script>
    document.getElementById("myDiv").innerHTML="<img id='ok' src='' style=\"position:absolute;left:300;top:400\" width=\"200\" height=\"200\" >";
    document.getElementById("myDiv").innerHTML+=" <div id=okID  onclick=\"alert('click')\" onmousemove=\"u_move()\" style=\"display:block;position:absolute;left:300;top:400;width:200; height:200;z-Index:3\">测试的文字</div>"</script>
    </body>
      

  5.   

    <div><table id=okID  onclick="alert('click');" style="border-left:#444444 2px solid;border-right:#444444 2px solid;border-bottom:#444444 2px solid;border-top:#444444 2px solid;position:absolute;left:300;top:400;width:100%; height:200;z-Index:3"><tr><td>测试文字</td></tr></table></div>
      

  6.   

    table加上去后，虽然事件可以触发了，但所有的IMG都不可见了！！！
    我希望能不破坏其他的功能前提下解决这个问题，最好用单一的div来解决，谢谢！
      

  7.   

    你把IMG设置为层的背景呢?  img是个特殊的元素,就算平时跟它和文字放在一个单元格里用同样对齐的方式也是对不齐的.
      

  8.   

    我再补充一下
    （1）document.getElementById("myDiv").innerHTML="<img id='ok' src='' style=\"position:absolute;left:300;top:400\" width=\"200\" height=\"200\" >";
    document.getElementById("myDiv").innerHTML+=" <div id=okID  onclick=\"alert('click')\" onmousemove=\"u_move()\" style=\"display:block;position:absolute;left:300;top:400;width:200; height:200;z-Index:3\">测试的文字</div>"（2）var tmp="";
    tmp+="<img id='ok' src='' style=\"position:absolute;left:300;top:400\" width=\"200\" height=\"200\" >";
    tmp+=" <div id=okID  onclick=\"alert('click')\" onmousemove=\"u_move()\" style=\"display:block;position:absolute;left:300;top:400;width:200; height:200;z-Index:3\">测试的文字</div>"
    document.getElementById("myDiv").innerHTML=tmp;如果采用如（1）的方式，完全正常，但是如果要累加的IMG非常的多，执行效率慢的出奇，所以我采用了变量累加然后再放到innerHTML中，如（2）的方式，这样速度可以提高几十倍，但我前面说的问题就出现了，所有的IMG都看不见了，请高手说说这是怎么会事情，应该如何解决
      

  9.   

    你可以试试给div加白色背景，再使用css滤镜将其背景设为透明