Wie verwendet man OuterHTML in JavaScript?

Question

Wie verwendet man OuterHTML in JavaScript? Danke

Answer 1

Das OuterHTML ist das HTML eines Elements, das das Element selbst enthält. Vergleichen Sie dies mit der innerHTML des Elements, bei der es sich um den HTML-Code handelt, der in den öffnenden und schließenden Tags eines Elements enthalten ist. Per Definition haben Elemente ohne öffnende und schließende Tags kein innerHTML.

Verwenden Sie die OuterHTML, wenn Sie ein Element und seinen Inhalt vollständig ersetzen möchten. Verwenden Sie innerHTML, wenn Sie nur den Inhalt des Elements ersetzen möchten.

Answer 2

outerHTML ist eine nicht standardmäßige Internet Explorer-Eigenschaft eines Elements. Es gibt den HTML-Code des Elements und seiner untergeordneten Elemente zurück. In bestimmten Fällen kann ein Element durch einen HTML-String ersetzt werden.

Answer 3

Schauen Sie sich vielleicht jQuery und die Funktionen prepend() und append() an.

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

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

Sollte in allen Browsern funktionieren.

Auch dieses Plugin:

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

, dass immer und Einstellung abdecken sollte.

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

Werden Sie Inhalte innerhalb eines Elements erhalten.

Answer 4

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; 
} 

Answer 5

Die meisten der beliebtesten Browser unterstützen outerHTML. Firefox ist eine Ausnahme. Weitere Informationen zur OuterHTML-Browserunterstützung finden Sie unter http://www.quirksmode.org/dom/w3c_html.html. Wenn Sie Ihrer Seite jQuery hinzufügen können, empfehle ich, das Plugin jQuery outerHTML einzuschließen.