'；TypeError:元素为null'；。在javascript中调用getElementById时

我正试图用帕格制作我的网页。
当我单击“mod user”（修改用户）按钮时，浏览器应显示其中一个用户名。
我的index.js如下

block content
    div(class='s1tablediv')
        div(class='userListContainer')
            div(class='userInfo' id='userInfo')
                p(id='userID')

        script.
            function fuserInfo(arg) {
                $('.userInfo').text('');
                var userIdElem = document.getElementById('userID');
                userIdElem.innerHTML = arg.innerHTML;
            }

但是，当我单击按钮时，我得到了“TypeError:userIdElem为null”。
如果像这样更改代码，

            div(class='userInfo' id='userInfo')
            p(id='userID')  // unindent one level.

它工作得很好。

---

请告诉我原因。

脚本何时开始计算

$（'.userInfo'）.text（''）删除Id为UserID的段落
然后尝试使用document.getElementById（'userId'）选择ID

因为它不再在DOM中，所以返回Null
您是否尝试等待文档完全加载
Document.onload
？尝试检查脚本的顺序，它应该在源代码中的Html之后，甚至不满足于执行Nikhil Wagh所说的操作。扫描您为此创建的，使用或在此处显示发生的问题。