第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

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

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

慕工程0101907 2022-10-08 17:15:21
我正在使用 Javascript/socket.io 來(lái)顯示聊天消息。我正在嘗試鏡像我的 HTML 文件中已經(jīng)存在的結(jié)構(gòu)/類:<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),都沒有奏效。使用我當(dāng)前的代碼,它顯示的不是顯示消息:[object HTMLParagraphElement]我在這里做錯(cuò)了什么?它看起來(lái)很簡(jiǎn)單,但我似乎無(wú)法獲得正確的語(yǔ)法。提前致謝。
查看完整描述

1 回答

?
慕婉清6462132

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊

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

刪除這個(gè)li.innerHTML = p + spanUser;

并將元素附加到li元素。

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



查看完整回答
反對(duì) 回復(fù) 2022-10-08
  • 1 回答
  • 0 關(guān)注
  • 107 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)