如何访问ejs中的文档dom对象

how do i access the document dom object in ejs?

本文关键字:文档 dom 对象 ejs 何访问 访问      更新时间:2023-09-26

当用户单击按钮时,我正在尝试显示参与者列表。但每次我都会出现错误"文档未定义"。(请不要给我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); %>