诡异事件——js找不到对象

Question

今天遇到一个很诡异的问题——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>之后在浏览器中预览时，点击链接就出错了，错误提示是找不到对象。找了很久没找到原因，希望大家能帮解答，谢了

Answer 1

<a id="add" href="#" onclick="javascirpt:showDiv(this.id,'divAdd')">add</a>

Answer 2

<a id="add" onclick="showDiv('add', 'divAdd')" href="#">Add </a> 这样我试了是好的了。