一個DOM節點的innerHTML替代方案

Question

var ele = iframe_container[i]; 
var iframe_element = document.createElement("IFRAME"); 

我該如何製作 ele的唯一孩子？

我試過appendChild和replaceChild但都是爲了不同的目的。什麼是正確的做法？

Answer 1

最簡單最快捷的方法是。

ele.innerHTML = '' 
ele.appendChild(iframe_element); 

Answer 2

你可以刪除所有的孩子然後添加你的。

while (ele.firstChild) ele.removeChild(ele.firstChild); 
ele.appendChild(iframe_element); 

Answer 3

你能做到這一點

HTML

<div id="something">Has content <span>you don't want</span></div> 

的Javascript

function emptyNode(node) { 
    while (node.firstChild) { 
     node.removeChild(node.firstChild); 
    } 
} 

function innerHTML(node, newNode) { 
    emptyNode(node); 
    node.appendChild(newNode); 
} 

var ele = document.getElementById("something"); 
var iframe_element = document.createElement("IFRAME"); 

innerHTML(ele, iframe_element); 

在jsfiddle

注：@dystroy比我更快。