我正在使用 Javascript/socket.io 來顯示聊天消息。我正在嘗試鏡像我的 HTML 文件中已經存在的結構/類:<li> <span id="messageUsername">{{message.user}}</span> <p id="messageViewContent">{{message.content}}</p></li>我的javascript如下:const li = document.createElement('li');const spanUser = document.createElement('span');const p = document.createElement('p');spanUser.innerHTML = `${data.messageUser}`spanUser.classList.add("messageUsername")p.innerHTML = `${data.messageContent}`;p.classList.add("messageViewContent");li.innerHTML = p + spanUser;document.querySelector('#messageLoop').append(li);我還嘗試了以下方法:li.innerHTML = p, spanUser;并且li.append(p),都沒有奏效。使用我當前的代碼,它顯示的不是顯示消息:[object HTMLParagraphElement]我在這里做錯了什么?它看起來很簡單,但我似乎無法獲得正確的語法。提前致謝。
如何使用 Javascript 在一個元素下嵌套多個 HTML 元素?
慕工程0101907
2022-10-08 17:15:21