首頁猿問用 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貢獻1827條經驗獲得超8個贊

不是連接一個 HTML 字符串，而是讓新div_B元素也是一個實際元素，而不僅僅是一個字符串：

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;

}

反對回復 2023-04-27

守著星空守著你

TA貢獻1799條經驗獲得超8個贊

如果你想讓對 div 的引用更新內容，你需要附加元素而不是使用元素的 HTML。該字符串是當時的快照。它不會做任何神奇的事情并不斷更新。

所以創建 div，附加 div，現在你可以更新它了。

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;

}

反對回復 2023-04-27

哈士奇WWW

TA貢獻1799條經驗獲得超6個贊

需要使用這樣的東西

var divb = document.createElement("div")

divb.InnerHtml = diva.OuterHtml

container.appendChild(divb)

反對回復 2023-04-27

3 回答
0 關注
208 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

用 JS 插入 Html

用 JS 插入 Html

3 回答

添加回答