JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null

简单的样式

  <style>
    		#find_box{
    			width: 200px;
    			height: 300px;
    			background: black;
    			
    		}
    	</style>

body中的元素

<input id="find" type="button" value="出现"  >
	<div id="find_box" ></div>

script标签中的代码

var finds  = document.getElementById("find");
		//改变按钮中的值以及盒子的出现和消失
		function ChangeValue(){
			var box = document.getElementById("find_box");
			if(finds.value == "出现")
				{
					finds.value = "消失";
					box.style.display = "none";
					
				}
			else{
					finds.value = "出现";
					box.style.display = "block";
			}
		}	
		finds.onclick = function(){ChangeValue()};

若script标签在中的内容放置在head中则会报错，应将其放置在body结束之前div之后或者body下方即可解决。之前是因为先加载了js再加载页面所以会出现问题。
听说把js代码放入window.onload.function(){…}中亦可解决。but。。。。。。。我这里不知为何不管用，还是会报和题目一样的错：
Uncaught TypeError: Cannot set property ‘onclick’ of null

额。。。补充一下这个问题，发现如果实在DW中直接预览会报错，不过去直接双击html文件的话是不会出问题的（虽然不知道为啥会这样）。发现这个问题后忘了更了。