document.getElementById在其他人正常工作时返回null

document.getElementById returns null when others work fine

本文关键字:工作 返回 null getElementById 其他人 常工作 document      更新时间:2023-09-26

我在SO和整个web上看到了许多其他帖子,但这些帖子涉及在创建元素之前尝试添加事件处理程序。我的情况不同。

我有一个html文档,它有以下片段:

<nav id="main_menu">                
            <ul>                
                <li id="liMapFilter" class="list"><img id="imgFilter" src="images/filter_icon.png">Filter</li>
                <li id="liDiagnostics" class="list"><img id="imgTools" src="images/tools_icon.png">Administration</li>              
            </ul>           
        </nav>

我设置页面加载后,通过调用一些事件处理程序:

$(document).ready(function() {
    home.init();
});

home.init()函数中,我设置了以下侦听器:

var elmMapFilter = document.getElementById('liMapFilter"');
cs_core.addEvent(elmMapFilter, 'click', home.showDialogMapFilter, false);

所有其他侦听器处理程序的连接都很好,但这个特定的处理程序总是抛出一个空引用。我不明白这个处理程序什么时候工作得很好:

var elmDiagnostics = document.getElementById('liDiagnostics');
cs_core.addEvent(elmDiagnostics, 'click', core.showDiagnostics, false);

请告知。

您有一个印刷错误。您的id中有一个游离的"字符。