jQuery 获取包含当前节点html的方法

转载于 2017-06-15 10:50:00 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liuwt365/p/7016304.html

本文介绍了如何使用jQuery及原生JavaScript获取DOM元素的内HTML及外HTML。通过示例对比了两种方法的不同之处，jQuery的.html()仅获取内部HTML，而.prop('outerHTML')则包括了自身标签。

jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码

.prop("outerHTML")获取包含当前节点本身的代码以及当前节点下的html代码

<div class="test"><p>获取html测试</p></div>

执行：
$(".test").prop("outerHTML");

输出：
<div class="test"><p>获取html测试</p></div>

原生js:
执行
document.getElementsByClassName("test")[0].outerHTML

输出：
<div class="test"><p>获取html测试</p></div>

执行：
$(".test").html();

输出：
<p>获取html测试</p>

转载于:https://www.cnblogs.com/liuwt365/p/7016304.html