获取＆＃39;无法读取null属性样式＆＃39;

Question

请查看我的代码。我尝试了很多，但我找不到问题。如何在将来防止此类错误？

<script>
var tbox= document.getElementById('tbox');
var selector= document.getElementById('selector');
function change(tothis){
    tbox.style.color=tothis;
}
function appear(){
    selector.style.visibility='visible';
    tbox.focus();
}
function disappear(){
    selector.style.visibility='hidden';
}
setTimeout(disappear,500);
</script>

Answer 1

错误表示tbox或selector不存在。

document.getElementById('tbox');正在寻找ID为tbox的元素：

即。 <p id="tbox"></p>

检查元素是否存在。如果它确实查看代码及其在文档上的位置。如果脚本在head中，则该元素尚不存在。

确保您的代码位于dom中的html元素之后或使用doc ready块