Javascript 如何检查文档中是否有元素ID？

我的网站提供动态内容，因此页眉和页脚保持不变。页脚中是我的JS脚本，它有几个

文档。getElementById（'ids'）。addEventListener（'click'，function（e）

。 当尚未提供具有元素ID的内容时，如何防止JS错误

TypeError:document.getElementById（…）为null

？请参阅下面的示例JS代码：

    <script>
        // DN_1, 1st page Switch On/Off
        document.getElementById('dn_1_yes-no').addEventListener('click',function(e){
            var attrChk = document.getElementById('dn_1_yes-no'); 
            if( this.checked){
                document.getElementById('external_dn_1').style.display='block';
            }else{
                document.getElementById('external_dn_1').style.display='none';
            }
        });

        // DN_2, 2nd page Switch On/Off
        document.getElementById('dn_2_yes-no').addEventListener('click',function(e){
            var attrChk = document.getElementById('dn_2_yes-no'); 
            if( this.checked){
                document.getElementById('external_dn_2').style.display='block';
            }else{
                document.getElementById('external_dn_2').style.display='none';
            }
        });

        // more.....

    </script>

//DN_1，第1页打开/关闭开关
document.getElementById（'dn_1_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_1_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_1'）.style.display='block'；
}否则{
document.getElementById（'external_dn_1'）.style.display='none'；
}
});
//DN_2，第2页打开/关闭开关
document.getElementById（'dn_2_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_2_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_2'）.style.display='block'；
}否则{
document.getElementById（'external_dn_2'）.style.display='none'；
}
});
//更多。。。。。

这很有效

    <script>
        var dn1Ele = document.getElementById('dn_1_yes-no');
        var dn2Ele = document.getElementById('dn_2_yes-no');

        if(dn1Ele != null) { 
            // DN_1 Switch On/Off
            document.getElementById('dn_1_yes-no').addEventListener('click',function(e){
                var attrChk = document.getElementById('dn_1_yes-no'); 
                if( this.checked){
                    document.getElementById('external_dn_1').style.display='block';
                }else{
                    document.getElementById('external_dn_1').style.display='none';
                }
            });
        }

        if(dn2Ele != null) { 
            // DN_2 Switch On/Off
            document.getElementById('dn_2_yes-no').addEventListener('click',function(e){
                var attrChk = document.getElementById('dn_2_yes-no'); 
                if( this.checked){
                    document.getElementById('external_dn_2').style.display='block';
                }else{
                    document.getElementById('external_dn_2').style.display='none';
                }
            });
        }

        // more.....

    </script>

var dn1Ele=document.getElementById（'dn_1_yes-no'）；
var dn2Ele=document.getElementById（'dn_2_yes-no'）；
如果（dn1Ele！=null）{
//DN_1开关打开/关闭
document.getElementById（'dn_1_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_1_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_1'）.style.display='block'；
}否则{
document.getElementById（'external_dn_1'）.style.display='none'；
}
});
}
如果（dn2Ele！=null）{
//DN_2开关打开/关闭
document.getElementById（'dn_2_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_2_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_2'）.style.display='block'；
}否则{
document.getElementById（'external_dn_2'）.style.display='none'；
}
});
}
//更多。。。。。

这很有效

    <script>
        var dn1Ele = document.getElementById('dn_1_yes-no');
        var dn2Ele = document.getElementById('dn_2_yes-no');

        if(dn1Ele != null) { 
            // DN_1 Switch On/Off
            document.getElementById('dn_1_yes-no').addEventListener('click',function(e){
                var attrChk = document.getElementById('dn_1_yes-no'); 
                if( this.checked){
                    document.getElementById('external_dn_1').style.display='block';
                }else{
                    document.getElementById('external_dn_1').style.display='none';
                }
            });
        }

        if(dn2Ele != null) { 
            // DN_2 Switch On/Off
            document.getElementById('dn_2_yes-no').addEventListener('click',function(e){
                var attrChk = document.getElementById('dn_2_yes-no'); 
                if( this.checked){
                    document.getElementById('external_dn_2').style.display='block';
                }else{
                    document.getElementById('external_dn_2').style.display='none';
                }
            });
        }

        // more.....

    </script>

var dn1Ele=document.getElementById（'dn_1_yes-no'）；
var dn2Ele=document.getElementById（'dn_2_yes-no'）；
如果（dn1Ele！=null）{
//DN_1开关打开/关闭
document.getElementById（'dn_1_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_1_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_1'）.style.display='block'；
}否则{
document.getElementById（'external_dn_1'）.style.display='none'；
}
});
}
如果（dn2Ele！=null）{
//DN_2开关打开/关闭
document.getElementById（'dn_2_yes-no'）。addEventListener（'click'，函数（e）{
var attrChk=document.getElementById（'dn_2_yes-no'）；
如果（选中此项）{
document.getElementById（'external_dn_2'）.style.display='block'；
}否则{
document.getElementById（'external_dn_2'）.style.display='none'；
}
});
}
//更多。。。。。

只需在页脚中提供动态内容-仅提供动态主要内容所需的脚本？您的标题问题（如何延迟）与您的帖子内容不匹配（如何避免错误）。您到底在问什么？您所说的“尚未提供”是什么意思？当内容还没有提供服务时怎么会这样呢？Jquery或DOM应该找不到它，因为它还没有加载。Bergi，这是个好主意。我也这么想，但我想JS可能有一个规定或方法。Bergi，web服务器提供页面，web浏览器加载页面。如果用户还没有单击链接到它不会提供的页面。只需在页脚中提供动态内容-仅提供动态主要内容需要的脚本？您的标题问题（如何延迟）与您的帖子内容不匹配（如何避免错误）。您到底在问什么？您所说的“尚未提供”是什么意思？当内容还没有提供服务时怎么会这样呢？Jquery或DOM应该找不到它，因为它还没有加载。Bergi，这是个好主意。我也这么想，但我想JS可能有一个规定或方法。Bergi，web服务器提供页面，web浏览器加载页面。如果用户还没有单击链接到这一页不起作用。