javascript - 我如何访问 ejs 中的文档 dom 对象？

Question

我试图在用户点击按钮时显示参与者列表。但每次我都以错误““文档未定义”结束。(请不要给我 jquery!!)。

<% var bt = document.getElementById("bt");
        bt.addEventListener('onclick',function(){
    var chatbox = document.getElementsByClassName('parti');
    var msg = document.createElement('div');
    msg.setAttribute('class', 'participants');
    msg.textContent('Participant \n\n\n'); %>
<%= chatbox.appendChild(msg); %>
<% }); %>

Answer 1

改变这一行:

bt.addEventListener('onclick',function(){

有了这个:

bt.addEventListener('click',function(){

当我们使用 addEventListener 时，我们不需要为偶数名称使用前缀“on”。

此外，您已经使用了 getElementsByClassName 并且为此您需要遍历数组，因此请使用:

<%= chatbox[0].appendChild(msg); %>