JavaScript的替代DOM元素

Question

我想這樣做：

var htmlcode = '<div>testing</div>'; 
document.getElementById('initDiv').html = htmlcode; 

還挺喜歡使用的innerHTML，但用元素本身。

有人可以幫我嗎？ 謝謝

Answer 1

不，沒有針對您的問題的本地跨瀏覽器解決方案。你可以做的最好的做法是拼湊一些能夠以更加跨瀏覽器的方式工作的東西。

這裏有一個解決方案：

function outerHTML(el, html) { 
    if ('outerHTML' in el) { // for most browsers 
     el.outerHTML = html; 
    } else {      // for Firefox 
     var temp = document.createElement('div'); 
     temp.innerHTML = html; 
     while (temp.firstChild) { 
      el.parentNode.insertBefore(temp.firstChild, el); 
     } 
     el.parentNode.removeChild(el); 
    } 
}; 

使用方法如下：

var initDiv = document.getElementById('initDiv'); 

outerHTML(initDiv, '<div>testing</div>'); 

例子：http://jsfiddle.net/6VUNU/1/

Answer 2

有一個document.getElementById(...).outerHTML價值，你可以使用，但據我記得它並不適用於所有的瀏覽器。

Answer 3

你總是可以找到initDiv的父親createElement（'div'），用htmlcode填充它，然後在initDiv上使用removeElement。