日期:2014-05-17  浏览次数:20460 次

诡异事件——js找不到对象
今天遇到一个很诡异的问题——js找不到对象,查了很久也查不出事什么原因

首先在aspx页面的head部分定义了函数
<script type="text/javascript" language="javascript">
function showDiv(controlID, divID)
{  
  if(document.getElementById(divID).style.display == "none")
  {
  document.getElementById(divID).style.display = "";
  document.getElementById(controlID).innerHTML = "Cancel";
  }
  else if(document.getElementById(divID).style.display == "")
  {
  document.getElementById(divID).style.display = "none";
  document.getElementById(controlID).innerHTML = "Add";
  }
}
</script>

然后在body中定义了一个链接和一个div,分别如下:
<a id="add" href="javascript:showDiv('add', 'divAdd')">Add</a>

<div id="divAdd" style="display : none; padding : 0px; margin : 0px">
<!-- other html elements -->
</div>

之后在浏览器中预览时,点击链接就出错了,错误提示是找不到对象。

找了很久没找到原因,希望大家能帮解答,谢了

------解决方案--------------------
看看提示是哪一行找不到对象
------解决方案--------------------
<a id="add" href="#" onclick="javascirpt:showDiv(this.id,'divAdd')">add</a>
------解决方案--------------------
<a id="add" onclick="showDiv('add', 'divAdd')" href="#">Add </a> 

这样我试了是好的了。
------解决方案--------------------
在我这里测试没有任何问题
------解决方案--------------------
我都看是好的!
真是晕。
------解决方案--------------------