outerHTML的兼容处理

最新推荐文章于 2023-09-15 14:00:00 发布

BrightLD

最新推荐文章于 2023-09-15 14:00:00 发布

阅读量1.7k

点赞数

分类专栏：兼容处理文章标签：兼容 HTML

本文链接：https://blog.csdn.net/BrightLD/article/details/78863020

版权

兼容处理专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>