亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 Javascript 在一個元素下嵌套多個 HTML 元素?

如何使用 Javascript 在一個元素下嵌套多個 HTML 元素?

慕工程0101907 2022-10-08 17:15:21
我正在使用 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]我在這里做錯了什么?它看起來很簡單,但我似乎無法獲得正確的語法。提前致謝。
查看完整描述

1 回答

?
慕婉清6462132

TA貢獻1804條經驗 獲得超2個贊

您正在嘗試連接 DOM 元素,您真正想要的是將它們附加到先前創建的li元素中。

刪除這個li.innerHTML = p + spanUser;

并將元素附加到li元素。

li.append(spanUser);
li.append(p);



查看完整回答
反對 回復 2022-10-08
  • 1 回答
  • 0 關注
  • 96 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號