js 代码document.getElementById(1).style.display ="none"; 之后不能获取定义的数值

Question

JS代码如下：
<script language="JavaScript" type="text/javascript">
function getNum(thies){
if(thies.checked){
var sNum=parseInt(thies.value);
document.getElementById(sNum).style.display ="block";
alert(sNum);
for(var i=0;i<sNum;i++)
{
document.getElementById(1).style.display ="none";
}

for(i=sNum+1;i<4;i++)
{
document.getElementById(1).style.display ="none";
}

}
}
</script>

html代码如下：
<input type="checkbox" name="bumgwtype[]" onclick="getNum(this)" value="1">雅思初中部
<input type="checkbox" name="bumgwtype[]" onclick="getNum(this)" value="2">雅思高中部

现在的问题是：上面的代码可以正常提示
alert(sNum); 信息
但是把
alert(sNum);
放到下面就无法正常提示，获取的数值是空值，请问这个问题应该怎么解决

Answer 1

document.getElementById(1).style.display ="none";

这句话 获取不到数据
document.getElementById(1) 为空，所以 调用他的 属性，就抛异常了，JS方法就终止了

你没有ID为1 的 对象

Answer 2

document.getElementById(1)这个写法就不对，获取不到元素当然数值为空了，如果你是要获取id为1的元素也应该是这样写document.getElementById(“1”) ，再者就是你页面上有没有id为1的元素，没有也是为空

Answer 3

document.getElementById(1).style.display ="none"，这句有问题，你的<input>中没有给id属性赋值为1

Answer 4

document.getElementById(1).
为空或不是对象