如何在JavaScript中使用outerHTML？

Question

如何在JavaScript中使用outerHTML？感谢

Answer 1

outerHTML是包含元素本身的元素的HTML。将其与元素的innerHTML进行对比，元素是元素开始和结束标记中包含的HTML。根据定义，没有开始和结束标记的元素都没有innerHTML。

如果要完全替换元素及其内容，请使用outerHTML。当您只想替换元素的内容时，请使用innerHTML。

Answer 2

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 3

outerHTML最初是元素的非标准Internet Explorer属性，但现在具有跨浏览器支持。它返回元素的HTML及其子元素。对于具有父元素的元素，可以将其设置为替换元素及其后代。

Answer 4

大多数最流行的浏览器都支持outerHTML。 Firefox是一个例外。有关outerHTML浏览器支持的更多信息，请访问http://www.quirksmode.org/dom/w3c_html.html。

如果您可以在页面中添加jQuery，我建议您添加插件jQuery outerHTML。