outerHTML的兼容处理

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/BrightLD/article/details/78863020
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>outerHMTL的兼容处理</title>
</head>
<body>
<div id="box" style="background:red;width:100px;height: 100px;">
    <span>你好啊</span>
</div>
<script>
    var box= document.getElementById("box");
    Node.prototype.myOuterHTML=function outerHTML () {
        var _this=this;
        var chating=_this.cloneNode(true)
        var myDiv=document.createElement("div");
        myDiv.appendChild(chating);
        var str= myDiv.innerHTML;
        chating=null;
        return str;
    };
    console.log(box.myOuterHTML());
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/BrightLD/article/details/78863020