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

Posted 2023-03-19

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);
放到下面就无法正常提示，获取的数值是空值，请问这个问题应该怎么解决

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

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

你没有ID为1 的 对象 参考技术A document.getElementById(1)这个写法就不对，获取不到元素当然数值为空了，如果你是要获取id为1的元素也应该是这样写document.getElementById(“1”) ，再者就是你页面上有没有id为1的元素，没有也是为空 参考技术B document.getElementById(1).style.display ="none"，这句有问题，你的<input>中没有给id属性赋值为1 参考技术C document.getElementById(1).
为空或不是对象