如何在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及其子元素.在某些情况下,可以将其设置为使用html字符串完全替换元素.