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。

javascript替代DOM元素

3 个答案: