var xhtml = document.getElementById("__tip__script").outerHTML;
var xhtml = $("#__tip__script")[0].outerHTML;
var xhtml = $("#__tip__script").prop("outerHTML");
上面三者的取值完全相同
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" content="no-cache"> <title>outerHTML.html</title> <style> *{ margin:5px; } </style> </head> <body > <pre > <input type="button" οnclick="get_outerHTML()" value="get_outerHTML"> <input type="button" οnclick="set_outerHTML()" value="set_outerHTML"> <input type="button" οnclick="get_jquery_prop()" value="get_jquery_prop"> </pre> <textarea rows="" cols="" id="__tip__script" style="width:660px;height:150px;border:2px solid red;" > <div class="weui_dialog_alert" id="__tip__script2" style="display: none;"> <div class="weui_mask"></div> <div class="weui_dialog tip"> <div class="weui_dialog_tip">__content__</div> </div> </div> </textarea> </body> <script src="./js/jquery-1.8.3.min.js" ></script> <script type="text/javascript" > function get_outerHTML() { var xhtml=document.getElementById("__tip__script"); //var xhtml=$("#__tip__script")[0]; console.log(xhtml); var _html=xhtml.outerHTML; console.log(_html); } function set_outerHTML() { var xhtml="<div>aaaaaaaaaaaaaaaaa</div>"; //consol document.getElementById("__tip__script").outerHTML=xhtml; get_outerHTML(); } function get_jquery_prop() { var xhtml = $("#__tip__script").prop("outerHTML"); console.log(xhtml); } function set_jquery_prop() { var xhtml = $("#__tip__script").prop("outerHTML"); console.log(xhtml); } </script> </html>