已解決430363個問題，去搜搜看，總會有你想問的

如何能不借助容器將 “node節點字符串” 插入到頁面

首頁猿問如何能不借助容器將...

如何能不借助容器將 “node節點字符串” 插入到頁面

JavaScript

躍然一笑 2018-08-10 17:29:11

現有變量 strvar str = '<img src="xxx.jpg"/>'我希望把str直接插入到body中但我目前只掌握一種方法var domContainer = document.createElement('div'); domContainer.innerHTML = str;document.body.appendChild(domContainer)這樣做生成的img標簽外面會有一層div 雖然不影響需求實現但我想知道能否直接就node字符串的結構直接插入到頁面中而不借助容器

查看完整描述

2 回答

鳳凰求蠱

TA貢獻1825條經驗獲得超4個贊

document.body.innerHTML += str

反對回復 2018-08-12

慕少森

TA貢獻2019條經驗獲得超9個贊

反對樓上的答案，直接修改 document.body 怕不是樓主想要的答案；+= 操作需要重新渲染所有節點，性能不好。

你可以生成 DOM 節點后，再把它們從容器里挪出來，比如這樣：

const container = document.createElement('div');
container.innerHTML = str;while (container.childNodes.length) {  document.body.appendChild(container.childNodes[0]);
}

不過這樣會多次更新 DOM，也要看具體的需求。

（為了編輯這個答案被聯盟搞殺了……）

反對回復 2018-08-12

2 回答
0 關注
724 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如何能不借助容器 將 “node節點字符串” 插入到頁面

如何能不借助容器 將 “node節點字符串” 插入到頁面

2 回答

添加回答

如何能不借助容器將 “node節點字符串” 插入到頁面

如何能不借助容器將 “node節點字符串” 插入到頁面