首頁(yè) 猿問(wèn) 用 JS 插入 Html

用 JS 插入 Html

JavaScript

ibeautiful 2023-04-27 17:00:54

我需要插入div_A，div_B但仍保留div_A以供參考？var div_A = document.createElement('div');var newdiv = `<div class="div_B"> ${div_A.outerHTML} </div>`;$('.container').append(newdiv); div_A.append('Hello');.container{ background-color:blue; width:200px; height:200px;}.div_B{ background-color:red; width:150px; height:150px;}.div_B div{ background-color:yellow; width:100px; height:100px;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="container"></div>

查看完整描述

3 回答

慕仙森

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

不是連接一個(gè) HTML 字符串，而是讓新div_B元素也是一個(gè)實(shí)際元素，而不僅僅是一個(gè)字符串：

var div_A = document.createElement('div');

var newdiv = $(`<div class="div_B" />`);

newdiv.append(div_A);

$('.container').append(newdiv);

div_A.append('Hello');

.container{

background-color:blue;

width:200px;

height:200px;

}

.div_B{

background-color:red;

width:150px;

height:150px;

}

.div_B div{

background-color:yellow;

width:100px;

height:100px;

}

反對(duì) 回復(fù) 2023-04-27

守著星空守著你

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

如果你想讓對(duì) div 的引用更新內(nèi)容，你需要附加元素而不是使用元素的 HTML。該字符串是當(dāng)時(shí)的快照。它不會(huì)做任何神奇的事情并不斷更新。

所以創(chuàng)建 div，附加 div，現(xiàn)在你可以更新它了。

var div_A = document.createElement('div');

var newdiv = $('<div class="div_B"></div>');

newdiv.append(div_A);

$('.container').append(newdiv);

div_A.append('Hello');

.container{

background-color:blue;

width:200px;

height:200px;

}

.div_B{

background-color:red;

width:150px;

height:150px;

}

.div_B div{

background-color:yellow;

width:100px;

height:100px;

}

反對(duì) 回復(fù) 2023-04-27

哈士奇WWW

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

需要使用這樣的東西

var divb = document.createElement("div")

divb.InnerHtml = diva.OuterHtml

container.appendChild(divb)

反對(duì) 回復(fù) 2023-04-27

3 回答
0 關(guān)注
205 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書(shū)簽

微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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

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

熱搜

最近搜索清空

用 JS 插入 Html

用 JS 插入 Html

3 回答

添加回答