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

我试图在用户单击按钮时显示参与者列表。但是，每次我最终遇到错误““未定义文档”。(请不要给我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); %>
<% }); %>

最佳答案

更改此行:

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

有了这个:

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

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

另外，您已经使用了getElementsByClassName，为此您需要遍历数组，因此请使用:
<%= chatbox[0].appendChild(msg); %>

关于javascript - 如何在ejs中访问文档dom对象？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31146862/