带样式 复制html

<div id="result">
          <p style="font-size: 16px; font-weight: bold; color: red;">我是标题</p>
        </div>
      </div>
      <span id ="copyBtn" class="iconfont icon-fuzhi" style="font-size: 14px;margin-left: 45%;color:#4cd3e9;cursor:pointer;" onclick="selectElementContents()">一键复制</span>

<script>
    function selectElementContents() {
      var el=document.getElementById("result");
     var body = document.body, range, sel;
 
     if (document.createRange && window.getSelection) {
 
         range = document.createRange();
 
         sel = window.getSelection();
 
         sel.removeAllRanges();
 
         try {
 
             range.selectNodeContents(el);
 
             sel.addRange(range);
 
         } catch (e) {
 
             range.selectNode(el);
 
             sel.addRange(range);
 
         }
         document.execCommand("copy");
         //取消文本选中状态
         window.getSelection().empty();
       // alert("成功复制到剪贴板");
       }
     };
</script>