什么是outerHTML
outerHTML,中文意为图例分析,用于获取元素内的html内容和文本。
与JQ的$().html()所不同的是,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码。而outerHTML则包含本身的代码
例HTML:
<p id="testid"><span>这是一段Html代码</span></p>它的html()为:
而有时候回需要包含当前节点的代码,所以就用到了outerHTML,也就是
<p id="testid"><span>这是一段Html代码</span></p>如何使用jQuery获取outerHTML
原生的JS Dom中有一个内置属性叫做:outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取,以上文代码为例
$('#testid').prop("outerHTML")完整代码示例
<script src="