一、区别:
1)innerHTML:
从对象的起始位置到终止位置的全部内容,不包括Html标签。
2)outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
二、例子:
<div id="test">
<span style="color:red">test1</span> test2
</div>
1)innerHTML的值是“<span style="color:red">test1</span> test2 ”
2)outerHTML的值是<div id="test"><span style="color:red">test1</span> test2</div>
-------------------------------------------------------jQuery删除节点的方法,即remove(),detach()和empty()-------------------
1、remove()
当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。
2、detach()
detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。
2、empty()
严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。
innerHTML和outerHTML的区别,jQuery删除节点的方法
最新推荐文章于 2023-07-12 21:34:39 发布