如何在JavaScript中使用outerHTML？

如何在JavaScript中使用outerHTML？謝謝如何在JavaScript中使用outerHTML？

2010-03-20 symfony

您可能想要檢查此：http://stackoverflow.com/questions/2474605/how-to-convert-a-htmlelement-to-a-string – 2010-03-20 14:49:14

可能重複的[如何將HTMLElement轉換爲字符串]（https://stackoverflow.com/questions/2474605/how-to-convert-a-htmlelement-to-a-string） – Graham 2017-10-01 15:17:15

outerHTML是包含元素本身的元素的HTML。將其與元素的innerHTML進行對比，元素是元素打開和關閉標記中包含的HTML。根據定義，沒有開放標籤和結束標籤的元素沒有innerHTML。

當您要完全替換元素及其內容時，請使用outerHTML。當你只想替換元素的內容時使用innerHTML。

來源

2010-03-20 14:51:24 tvanfosson

outerHTML是元素的非標準Internet Explorer屬性。它返回元素的html及其子元素。在某些情況下，它可以設置爲用html字符串完全替換元素。

來源

2010-03-20 14:53:31

一年過去了，Chrome和Safari似乎也實現了此功能。但是，在撰寫本文時，Firefox不支持它。 – 2011-08-19 10:34:55

+10

在[Firefox 11]（https://developer.mozilla.org/en/Firefox_11_for_developers）中添加了對[outerHTML]（https://developer.mozilla.org/en/DOM/element.outerHTML）的支持。 – 2012-04-10 16:58:14

也許看看jQuery及其prepend（）和append（）函數。

http://api.jquery.com/append/

http://api.jquery.com/prepend/

應該在所有的瀏覽器。

而且，這個插件：

http://yelotofu.com/2008/08/jquery-outerhtml/

這應該討論如何獲取和設置。

http://api.jquery.com/html/

會得到你的元素中的內容。

來源

2010-03-20 15:07:27 Kevin

function getHTML(node){ 
    if(!node || !node.tagName) return ''; 
    if(node.outerHTML) return node.outerHTML; 

    // polyfill: 
    var wrapper = document.createElement('div'); 
    wrapper.appendChild(node.cloneNode(true)); 
    return wrapper.innerHTML; 
}

來源

2010-03-20 15:07:32 kennebec

有趣的想法。然而，因爲大多數不支持outerHTML的瀏覽器確實支持HTMLElement原型，我想知道是否更容易實現僞本機？ – scunliffe 2010-03-20 15:48:39

大多數最流行的瀏覽器都支持outerHTML。 Firefox是一個例外。有關outerHTML瀏覽器支持的更多信息，請訪問http://www.quirksmode.org/dom/w3c_html.html。

如果您可以將jQuery添加到您的網頁中，我建議您添加插件jQuery outerHTML。

來源

2012-01-12 04:21:23 Darlesson

如何在JavaScript中使用outerHTML？

回答

相關問題