JAVASCRIPT为什么这会导致错误

这个javascript工作得很好，它完成了我想要它做的事情。它把一个寄宿者放在一张桌子周围，等等。但是我仍然在firefox控制台中得到一个错误，说addressTable，AddressSpan AddressShort。。。为空或未定义。一切似乎都在工作，但屏幕底部的错误令人讨厌，我不想在那里看到它

错误

document.getElementById（“addressTable”） 为null[在此错误上中断] document.getElementById（“addressTable”）.style.borderStyle=“solid”

脚本

<script language="javascript" type="text/javascript">
var isDroppedDown= 0 ;
function dropDown(){
        var myTable = document.getElementById("bgImgBlue");
        var sideImage = document.getElementById("sideImage");


        parent.document.getElementById('frameMain').rows = '173,*';
        isDroppedDown = 1;
        myTable.height = 100;
        sideImage.height = 100;
        document.getElementById("bgImgBlue").style.backgroundImage="url('images/i_frame_bgnavBig.gif')";
        document.getElementById("sideImage").height = 172;
        document.getElementById("addressTable").style.borderStyle="solid";
        document.getElementById("addressTable").style.borderWidth="1px";
        document.getElementById("addressSpan").style.paddingTop="";
        document.getElementById("addressShort").style.visibility = 'hidden';
        document.getElementById("ContactSpanFull").style.paddingTop="";
        document.getElementById("ContactSpan").style.paddingTop="";
        document.getElementById("ContactSpan").style.visibility = 'hidden'
        document.getElementById("contactTable").style.borderStyle="solid";
        document.getElementById("contactTable").style.borderWidth="1px";
 }

 function dropDownUp(){
        var myTable = document.getElementById("bgImgBlue");
        var sideImage = document.getElementById("sideImage");

        parent.document.getElementById('frameMain').rows = '84,*';
        isDroppedDown = 0;
        myTable.height = 84;
        sideImage.height = 160;
        document.getElementById("bgImgBlue").style.backgroundImage="url('images/i_frame_bgnav.gif')";
        document.getElementById("bgImgBlue").style.backgroundImage="url('images/i_frame_bgnav.gif')";
        document.getElementById("sideImage").height = 79;
        document.getElementById("addressTable").style.borderStyle="";
        document.getElementById("addressTable").style.borderWidth="";
        document.getElementById("addressSpan").style.paddingTop="30px";
        document.getElementById("addressShort").style.visibility = 'visible';
        document.getElementById("ContactSpan").style.visibility = 'visible'
        document.getElementById("ContactSpanFull").style.paddingTop="30px";
        document.getElementById("contactTable").style.borderWidth="0px";
 }

function dropdownResize(){

    if(isDroppedDown == 0){     
        dropDown();
    }
    else{
        dropDownUp();
        }
}


</script>

var isDroppedDown=0；
函数下拉列表（）{
var myTable=document.getElementById（“bgImgBlue”）；
var sideImage=document.getElementById（“sideImage”）；
parent.document.getElementById（'frameMain'）。行='173，*'；
isDroppedDown=1；
myTable.height=100；
sideImage.height=100；
document.getElementById（“bgImgBlue”）.style.backgroundImage=“url（'images/i_frame_bgnavBig.gif'）”；
document.getElementById（“sideImage”）.height=172；
document.getElementById（“addressTable”）.style.borderStyle=“solid”；
document.getElementById（“addressTable”）.style.borderWidth=“1px”；
document.getElementById（“addressSpan”）.style.paddingTop=“”；
document.getElementById（“addressShort”）.style.visibility='hidden'；
document.getElementById（“ContactSpanFull”）.style.paddingTop=“”；
document.getElementById（“ContactSpan”）.style.paddingTop=“”；
document.getElementById（“ContactSpan”）.style.visibility='hidden'
document.getElementById（“contactTable”）.style.borderStyle=“solid”；
document.getElementById（“contactTable”）.style.borderWidth=“1px”；
}
函数dropdowup（）{
var myTable=document.getElementById（“bgImgBlue”）；
var sideImage=document.getElementById（“sideImage”）；
parent.document.getElementById（'frameMain'）。行='84，*'；
isDroppedDown=0；
myTable.height=84；
sideImage.height=160；
document.getElementById（“bgImgBlue”）.style.backgroundImage=“url（'images/i_frame_bgnav.gif'）”；
document.getElementById（“bgImgBlue”）.style.backgroundImage=“url（'images/i_frame_bgnav.gif'）”；
document.getElementById（“sideImage”）.height=79；
document.getElementById（“addressTable”）.style.borderStyle=“”；
document.getElementById（“addressTable”）.style.borderWidth=“”；
document.getElementById（“addressSpan”）.style.paddingTop=“30px”；
document.getElementById（“addressShort”）.style.visibility='visible'；
document.getElementById（“ContactSpan”）.style.visibility='visible'
document.getElementById（“ContactSpanFull”）.style.paddingTop=“30px”；
document.getElementById（“contactTable”）.style.borderWidth=“0px”；
}
函数dropdownResize（）{
如果（isDroppedDown==0）{
下拉菜单（）；
}
否则{
下拉菜单（）；
}
}

此javascript可能在DOM准备就绪之前执行，也就是说，在页面完成加载HTML之前

如果是这种情况，它将找不到任何getElementById项。。但是，如果您只得到这些元素的错误，那么可能的解释是它们在执行时没有被放置在DOM中

---

或者它们不存在

此javascript可能在DOM准备就绪之前执行，也就是说，在页面完成加载HTML之前

如果是这种情况，它将找不到任何getElementById项。。但是，如果您只得到这些元素的错误，那么可能的解释是它们在执行时没有被放置在DOM中

---

或者它们不存在

检查ID的准确拼写和大小写

我注意到在你的问题中你提到了AddressSpan AddressShort，而在你的代码中你使用了AddressSpan AddressShort

ID中的任何变化都将导致选择失败

---

我还注意到，在代码中，有时将ID的第一个字母大写，有时不大写。您可能需要对此进行标准化。

检查ID的准确拼写和大小写

我注意到在你的问题中你提到了AddressSpan AddressShort，而在你的代码中你使用了AddressSpan AddressShort

ID中的任何变化都将导致选择失败

---

我还注意到，在代码中，有时将ID的第一个字母大写，有时不大写。您可能希望对此进行标准化。

您是否也可以附加html？您是在文档准备好并加载后引用这些对象，而不是在标题中？您是在页面加载时运行此脚本，还是只是将其放入文件中？可能是您的addressTable尚未完全加载，导致错误。您是否也可以附加html？您是在文档准备好并加载后引用这些对象，而不是在标题中？您是在页面加载时运行此脚本，还是只是将其放入文件中？可能是您的addressTable尚未完全加载，导致错误。