我正在尝试做一些相当简单的事情，但由于我可能不够好搜索文档，我无法让它工作。
我有一个功能正常的内联 JS，如下所示：
<A title="Wolfram IP Calc" href="javascript:txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');%20if(txt)%20window.open('http://www.wolframalpha.com/input/?i='+txt);void(O);">Compute!</A>
由于各种原因，我试图分离 JS，这就是我遇到障碍的地方。
我创建了以下给我错误的测试页面Uncaught TypeError: Cannot call method 'addEventListener' of null：
<HTML> <HEAD profile="http://www.w3.org/2005/10/profile"> <script type="text/javascript">
var compute = document.getElementById('compute');
compute.addEventListener('click', computeThatThing, false);
function computeThatThing() {
txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');
if(txt) {
window.open('http://www.wolframalpha.com/input/?i='+txt);
}
}
</script></HEAD>
<BODY>
<A title="Wolfram IP Calc" id="compute" href="javascript:void(O);">Test</A>
</BODY>
</HTML>
我唯一能找到的指出这样的问题的是它addEventListener无法处理<A>但应该处理<IMG>（这对我来说很好，因为我要把它倒在一些图像上），所以我尝试添加以下无济于事：
<img id="compute" src="http://products.wolframalpha.com/images/products/products-wa.png" />
预先感谢您指出我做错了什么。这可能是显而易见的，但我对 JS 的经验接近于零，而且直到现在我需要它时，我主要通过货物培养。