让FireFox支持outerHTML

 

我们用innerHTML以及innerText比较多，使用outerHTML可能比较少，outerHTML和innerHTML以及innerText的区别就用下面的例子说明下吧：

<div id="test">
   <span>innerHTML,innerText,outerHTML</span>
</div>

 

alert(document.getElementById("test").innerHTML); // output  : <span>innerHTML,innerText,outerHTML</span>
alert(document.getElementById("test").innerText); //output : innerHTML,innerText,outerHTML
alert(document.getElementById("test").outerHTML); //output : <div id="test"><span>innerHTML,innerText,outerHTML</span></div>

 

 下面是方法.经实践验证可用.

function  GetOuterHTML(element)
    {
    return  document.createElement("DIV").appendChild(element.cloneNode(true)).parentNode.innerHTML;
    }

其中element为要获取其outerHTML的对象.